如何將「media.setVolume」函數轉換爲進度條或查找欄？

Question

我想用手機開發一個應用程序並在其上播放mp3文件。 我學會了如何在這個網站上開發一個媒體應用程序 http://docs.phonegap.com/en/2.8.0/cordova_media_media.md.html 但我想轉換「media.setVolume」功能進度條或尋求酒吧，我花了很多我的力量嘗試轉換「media.setVolume」功能進度欄或搜索欄，但不工作..............

我Javscript和HTML文件

var my_media = null; 
 
    \t var mediaTimer = null; 
 

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

 
    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> \t 
 
    <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中做到這一點？

Answer 1

您有當用戶與控制交互以定義將在其上執行的輸入範圍內的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); 
});