Jquery Audio 是一個強大的音頻插件,它可以讓你在網站上播放音頻文件,支持控件自定義及樣式定制。音頻的音量調整是其中的一個重要功能,下面將介紹如何通過Jquery Audio來實現音量的設置。
//設置音量,取值范圍為0-1 $("#jquery_jplayer_1").jPlayer("volume", 0.8);
在上面的代碼中,我們可以看到設置音量的方法非常簡單,只需要調用jPlayer方法,其中第一個參數為“volume”,表示設置音量,第二個參數為0.8,表示將音量設置為80%。取值范圍為0-1,0表示靜音,1表示最大音量。
除了可以通過代碼來設置音量外,Jquery Audio還提供了控制條來調整音量??梢酝ㄟ^下面代碼啟用音量控制條。
//啟用音量控制條 $("#jquery_jplayer_1").jPlayer({ volume: 0.8, swfPath: "../../dist/jplayer", supplied: "mp3, m4a", cssSelectorAncestor: "#jp_container_1", cssSelector: { seekBar: ".jp-seek-bar", playBar: ".jp-play-bar", mute: ".jp-mute", unmute: ".jp-unmute", volumeBar: ".jp-volume-bar", volumeBarValue: ".jp-volume-bar-value", currentTime: ".jp-current-time", duration: ".jp-duration", title: ".jp-title", play: ".jp-play", pause: ".jp-pause", stop: ".jp-stop", fullScreen: ".jp-full-screen", restoreScreen: ".jp-restore-screen", repeat: ".jp-repeat", repeatOff: ".jp-repeat-off", gui: ".jp-gui", noSolution: ".jp-no-solution" }, useStateClassSkin: true, autoBlur: false, smoothPlayBar: true, keyEnabled: true, remainingDuration: true, toggleDuration: true });
上面代碼中的cssSelector中有一個volumeBar可以控制音量,該參數表示了音量控制條的選擇器。通過上面的代碼可以看到,這里默認的選擇器為“.jp-volume-bar”,你還可以進行相應的修改來滿足自己的需求。
通過上述介紹,相信大家已經掌握了Jquery Audio中設置音量的基本方法,同時學習了如何啟用音量控制條來調整音量。希望能對大家在開發網站時播放音頻提供一些幫助。
上一篇mysql下載之后
下一篇jquery auth