如何转换" media.setVolume"功能进步吧或寻求酒吧?

时间:2016-10-12 09:15:48

标签: javascript html cordova

我想开发一个使用phonegap的应用程序并在其上播放mp3文件。 我学习如何在这个网站上开发媒体应用程序 http://docs.phonegap.com/en/2.8.0/cordova_media_media.md.html 但我想转换" media.setVolume"功能进步吧或寻求酒吧,我花了很多力量尝试转换" media.setVolume"功能进展吧或寻求酒吧,但不工作..............

我的Javscript和html文件



var my_media = null;
    	var mediaTimer = null;

  	
    	function pauseAudio() {
    		if (my_media) {
    			my_media.pause();
    		}
    	}
    	function stopAudio() {
    		if (my_media) {
    			my_media.stop();
                window.location.reload();
    		}
    		clearInterval(mediaTimer);
    		mediaTimer = null;
    	}

     function setVolume(volume) {/*I want use this function to volume bar*/
                if (my_media) {
                    my_media.setVolume(volume);
                }
            }

<div class="mediaplay">
    <a id="play_btn" href="#" onclick="playAudio(getPhoneGapPath () + 'media/01.mp3');">Play</a>	
    <a id="pause_btn" href="#" onclick="pauseAudio();">Pause</a> 
    <a id="stop_btn" href="#" onclick="stopAudio();">Stop</a>
<!--I want use this function to volume bar-->
    <input type="range" class="Volume_bar" value="setVolume(90)">
<!--I want use this function to volume bar-->
</div>
&#13;
&#13;
&#13;

我想转换&#34; Volume_bar&#34;进度条,用户可以滚动Volume_bar来调整音量,怎么能在phonegap中做到?

1 个答案:

答案 0 :(得分:1)

您必须在输入范围上定义event listener,当用户与控件交互时将执行该<input id="volume" type="range" class="Volume_bar">

document.getElementById('volume').addEventListener('input', function(e) {
     const level = e.currentTarget.value;
     console.log('Current volume level: ' + level);

     setVolume(level);
});

JS部分:

 $query->andWhere('ORDER By  GREATEST( MAX( UNIX_TIMESTAMP( DATE_FORMAT( CONCAT(meeting.from_date, " ",meeting.from_hour), "%Y-%m-%d %H:%i"))), MAX( UNIX_TIMESTAMP( DATE_FORMAT( CONCAT(call.call_date, " ",call.call_hour), "%Y-%m-%d %H:%i"))) , MAX(UNIX_TIMESTAMP(DATE_FORMAT(task.due_date, "%Y-%m-%d %H:%i")))) DESC ');