您的位置: jquery插件库 > 播放器→ 具有自定义控件的HTML5音频播放器

具有自定义控件的HTML5音频播放器

资源来源网络,如果需要授权,请大家更换源码,模块仅供学习,下载后请2小时内删除,如需商用请购买正版授权 具有自定义控件的HTML5音频播放器演示图片

HTML代码

<input type="file" accept="audio/*"/>
<div id="message"></div>
<audio id="music" autoplay="autoplay">
  Your browser does not support the audio format.
</audio> 
<div id="audio_player" style="">
			<progress id='progress-bar' min='0' max='100' value='0'>0% played</progress>
			<button id='btnReplay' class='replay' title='replay' accesskey="R" onclick='replayAudio();'>Replay</button>	
			<button id='btnPlayPause' class='play' title='play' accesskey="P" onclick='playPauseAudio();'>Play</button>
			<button id='btnStop' class='stop' title='stop' accesskey="X" onclick='stopAudio();'>Stop</button>
      <input type="range" id="volume-bar" title="volume" min="0" max="10" step="1" value="10">
			<button id='btnMute' class='mute' title='mute' onclick='muteVolume();'>Mute</button>	
</div>