mirror of
https://github.com/antos-rde/antosdk-apps.git
synced 2025-08-28 06:42:35 +02:00
add packages
This commit is contained in:
Xuan Sang LE
24
MediaPlayer/build/debug/README.md
Normal file
24
MediaPlayer/build/debug/README.md
Normal file
@@ -0,0 +1,24 @@
|
||||
# MediaPlayer
|
||||
This is an example project, generated by AntOS Development Kit
|
||||
|
||||
## Howto
|
||||
|
||||
1. Open the project.apj file with AntOSDK (simply double Click on it)
|
||||
2. Modify the UI in *assets/scheme.html*
|
||||
3. Modify application code in *coffees/main.coffee*
|
||||
4. Modify CSS style in *css/main.css*
|
||||
5. Other files need to be copied: put in to assets
|
||||
|
||||
## Set up build target
|
||||
|
||||
Click **Menu> Build > Build Option** or simply hit **ALT-Y**
|
||||
|
||||
In the build options dialog, add or remove files that need to be
|
||||
included into the build
|
||||
|
||||
Click **Save**
|
||||
|
||||
## Build application
|
||||
* To build: **Menu > Build > Build** or **ALT-C**
|
||||
* To build and run: **Menu > Build > Build and Run** or **CTRL-R**
|
||||
* To release: **Menu > Build > Build release** or **ALT-P**
|
||||
108
MediaPlayer/build/debug/main.css
Normal file
108
MediaPlayer/build/debug/main.css
Normal file
@@ -0,0 +1,108 @@
|
||||
|
||||
afx-app-window[data-id="MediaPlayer"] afx-hbox.play-control afx-button button{
|
||||
border: 0;
|
||||
font-size: 25px;
|
||||
padding-top:9px;
|
||||
background-color: transparent;
|
||||
}
|
||||
afx-app-window[data-id="MediaPlayer"] afx-hbox.play-control afx-switch[data-id="play-pause"]{
|
||||
padding-top:5px;
|
||||
}
|
||||
afx-app-window[data-id="MediaPlayer"] afx-hbox.play-control afx-switch[data-id="play-pause"] span::before{
|
||||
content: "\f144";
|
||||
font-size: 40px;
|
||||
}
|
||||
afx-app-window[data-id="MediaPlayer"] afx-hbox.play-control afx-switch[data-id="play-pause"] .swon::before{
|
||||
content: "\f28b";
|
||||
}
|
||||
afx-app-window[data-id="MediaPlayer"] afx-label[data-id="play-time"] {
|
||||
text-align: left;
|
||||
}
|
||||
afx-app-window[data-id="MediaPlayer"] afx-label[data-id="total-time"] {
|
||||
text-align: right;
|
||||
}
|
||||
afx-app-window[data-id="MediaPlayer"] afx-label[data-id="song-name"] {
|
||||
text-align: center;
|
||||
display: inline;
|
||||
overflow: hidden;
|
||||
}
|
||||
afx-app-window[data-id="MediaPlayer"] afx-slider .dragpoint {
|
||||
width:12px;
|
||||
height: 12px;
|
||||
}
|
||||
afx-app-window[data-id="MediaPlayer"] afx-slider[data-id="vol-control"] .progress {
|
||||
background-color: #a6a6a6;
|
||||
}
|
||||
afx-app-window[data-id="MediaPlayer"] afx-hbox.play-control afx-switch[data-id="play-vol"] {
|
||||
margin-top:10px;
|
||||
}
|
||||
afx-app-window[data-id="MediaPlayer"] afx-hbox.play-control afx-switch[data-id="play-vol"] span::before{
|
||||
content: "\f026";
|
||||
font-size: 19px;
|
||||
}
|
||||
afx-app-window[data-id="MediaPlayer"] afx-hbox.play-control afx-switch[data-id="play-vol"] .swon::before{
|
||||
content: "\f028";
|
||||
}
|
||||
afx-app-window[data-id="MediaPlayer"] afx-hbox.play-control afx-switch[data-id="play-random"] span::before{
|
||||
content: "\f074";
|
||||
font-size: 16px;
|
||||
}
|
||||
afx-app-window[data-id="MediaPlayer"] afx-hbox.play-control afx-switch[data-id="play-random"] .swon::before{
|
||||
content: "\f074";
|
||||
}
|
||||
afx-app-window[data-id="MediaPlayer"] afx-hbox.play-control afx-switch[data-id="play-random"] {
|
||||
margin-top:10px;
|
||||
}
|
||||
afx-app-window[data-id="MediaPlayer"] afx-list-view[data-id="playlist"] {
|
||||
border:1px solid #a6a6a6;
|
||||
}
|
||||
afx-app-window[data-id="MediaPlayer"] afx-button.ctlbtn button:active{
|
||||
background-color: transparent;
|
||||
color:#2786F3;
|
||||
}
|
||||
afx-app-window[data-id="MediaPlayer"] .animation {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
afx-app-window[data-id="MediaPlayer"] .animation span{
|
||||
width:5px;
|
||||
height: 5px;
|
||||
bottom:18px;
|
||||
position:absolute;
|
||||
-webkit-animation: bodong 0.5s infinite ease;
|
||||
}
|
||||
|
||||
afx-app-window[data-id="MediaPlayer"] .animation span:first-child{
|
||||
left:10px;
|
||||
-webkit-animation-delay:.3s;
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
afx-app-window[data-id="MediaPlayer"] .animation span:nth-child(2){
|
||||
left:17px;
|
||||
-webkit-animation-delay:.4s;
|
||||
background-color:orange ;
|
||||
}
|
||||
afx-app-window[data-id="MediaPlayer"] .animation span:nth-child(3){
|
||||
left:24px;
|
||||
-webkit-animation-delay:.6s;
|
||||
background-color: #2786F3;
|
||||
}
|
||||
afx-app-window[data-id="MediaPlayer"] .animation span:nth-child(4){
|
||||
left:31px;
|
||||
-webkit-animation-delay:.8s;
|
||||
background-color: chocolate;
|
||||
}
|
||||
afx-app-window[data-id="MediaPlayer"] .animation span:nth-child(5){
|
||||
left:38px;
|
||||
-webkit-animation-delay:1s;
|
||||
background-color: blue;
|
||||
}
|
||||
|
||||
@-webkit-keyframes bodong{
|
||||
0%{height:5px; background:bule;}
|
||||
30%{height:15px; background:bule;}
|
||||
60%{height:20px; background:bule;}
|
||||
80%{height:15px; background:bule;}
|
||||
100%{height:5px; background:bule;}
|
||||
}
|
||||
444
MediaPlayer/build/debug/main.js
Normal file
444
MediaPlayer/build/debug/main.js
Normal file
File diff suppressed because one or more lines are too long
13
MediaPlayer/build/debug/package.json
Normal file
13
MediaPlayer/build/debug/package.json
Normal file
@@ -0,0 +1,13 @@
|
||||
{
|
||||
"app":"MediaPlayer",
|
||||
"name":"Media Player",
|
||||
"description":"MP3 player for AntOS",
|
||||
"info":{
|
||||
"author": "Xuan Sang LE",
|
||||
"email": "xsang.le@gmail.com"
|
||||
},
|
||||
"version":"0.0.8-a",
|
||||
"category":"Multimedia",
|
||||
"iconclass":"fa fa-headphones",
|
||||
"mimes":["none"]
|
||||
}
|
||||
44
MediaPlayer/build/debug/scheme.html
Normal file
44
MediaPlayer/build/debug/scheme.html
Normal file
@@ -0,0 +1,44 @@
|
||||
<afx-app-window apptitle="__(Media Player)" width="300" height="450" resizable="false" data-id="MediaPlayer">
|
||||
<afx-vbox >
|
||||
<afx-hbox data-height="85">
|
||||
<afx-vbox>
|
||||
<div data-height="5"></div>
|
||||
<afx-hbox>
|
||||
<div data-width="5"></div>
|
||||
<afx-label data-id="play-time" data-width="50" ></afx-label>
|
||||
<afx-label data-id = "song-name" ></afx-label>
|
||||
<afx-label data-id="total-time" data-width="50"></afx-label>
|
||||
<div data-width="5"></div>
|
||||
</afx-hbox>
|
||||
<afx-hbox>
|
||||
<div data-width="5"></div>
|
||||
<afx-slider data-id="play-slide" value="0" max="100"></afx-slider>
|
||||
<div data-width="5"></div>
|
||||
</afx-hbox>
|
||||
|
||||
<afx-hbox class = "play-control" data-height="50">
|
||||
<div data-width="5"></div>
|
||||
<afx-switch data-width = "22" data-id="play-random"></afx-switch>
|
||||
<div data-id="animation" class="animation">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</div>
|
||||
<afx-button class = "ctlbtn" data-width="26" data-id="play-prev" iconclass="fa fa-step-backward" ></afx-button>
|
||||
<afx-switch data-width="38" data-id="play-pause" ></afx-switch>
|
||||
<afx-button class = "ctlbtn" data-width="26" data-id="play-next" iconclass="fa fa-step-forward"></afx-button>
|
||||
<afx-slider data-id="vol-control" max="100"></afx-slider>
|
||||
<afx-switch data-width = "22" data-id="play-vol"></afx-switch>
|
||||
</afx-hbox>
|
||||
</afx-vbox>
|
||||
</afx-hbox>
|
||||
<afx-hbox>
|
||||
<div data-width="5"></div>
|
||||
<afx-list-view data-id="playlist"></afx-list-view>
|
||||
<div data-width="5"></div>
|
||||
</afx-hbox>
|
||||
<div data-height="5"></div>
|
||||
</afx-vbox>
|
||||
</afx-app-window>
|
||||
Reference in New Issue
Block a user