javascript - 如何将“media.setVolume”功能转换为进度条或搜索条？

我想使用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>

我想将“ Volume_bar”转换为进度条，用户可以滚动Volume_bar来调节音量，如何在phonegap中做到这一点？

最佳答案

您必须在输入范围上定义event listener，当用户与控件进行交互时将执行该：

<input id="volume" type="range" class="Volume_bar">

JS部分：

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

     setVolume(level);
});

关于javascript - 如何将“media.setVolume”功能转换为进度条或搜索条？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39994879/