Apicloud实现音频播放功能
迷你模式
1 2 3 4 5 6 7 |
<ul id="panel"> <li class="list" tapmode="focus"></li> <li class="prev" tapmode="focus" onclick="prevRadio()"></li> <li class="play" tapmode="focus" onclick="playRadio(this)"></li> <li class="next" tapmode="focus" onclick="nextRadio()"></li> <li class="download" tapmode="focus"></li> </ul> |
播放功能
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 |
var radios = ['see_you_again','new_soul','i_am_you']; var i = 0; function playRadio(it){ if($(it).hasClass('pause')){ $(it).removeClass().addClass('play'); api.stopPlay(); }else{ $(it).removeClass().addClass('buffer'); setTimeout(function(){ $(it).removeClass().addClass('pause'); var radio = radios[i]; api.startPlay({ path: 'widget://res/'+ radio +'.mp3' },function(){ // api.alert({msg: '播放完成'}); }); },500); } } function prevRadio(){ i--; if(i <= 0){ i = 0; } var radio = radios[i]; api.stopPlay(); api.startPlay({ path: 'widget://res/'+ radio +'.mp3' },function(){ // api.alert({msg: '播放完成'}); }); } function nextRadio(){ i++; if(i > 2){ i = 0; } var radio = radios[i]; api.stopPlay(); api.startPlay({ path: 'widget://res/'+ radio +'.mp3' },function(){ // api.alert({msg: '播放完成'}); }); } |
更多待涛哥总结…
转载请注明:PHP笔记 » Apicloud实现音频播放功能