使用PhoneGap中的JavaScript调整媒体音量

在上一节中，我们使用JavaScript制作了自己的控制按钮。在本节中，我们将学习如何使用PhoneGap中的JavaScript调整音量。我们将创建一个音量滑块，该滑块将控制媒体的音量。音量是我们播放器的财产，可以通过用户界面轻松控制。

以下是在PhoneGap中创建音量滑块的以下步骤：

1)创建index2.html文件

我们将创建另一个html文件index2.html 。该文件将包含与index.html文件中存在的相同代码。我们将在此文件中进行更改，以使我们的index.html文件保持不变。

2)创建一个输入标签

现在，我们将使用 标记在用户界面中创建滑块，并将类型设置为range。我们还将给它一个ID。我们将设置最大值和最小值，并设置步长和值的值。

3)抓住音量滑块

现在，我们将使用JQuery表示法获取音量滑块。我们还将使用事件幻灯片停止来调用匿名函数。我们将使用document.getElementById获得滑块。我们将通过以下方式使用console.log()和播放器音量将音量设置到控制台：

$('#rngVolume').on("slidestop", function(){
                    var volume = document.getElementById('rngVolume').value;
                    console.log(volume);
                    player.volume = volume;
                    
});

完成项目

    
        
        
        
        
        
        
        
    
    
        
        Play
        Pause
        Stop