具体化:如何只使用HTML和Javascript制作播放/暂停按钮
Materialize: How to make a play/pause button using nothing but HTML and Javascript?
我想知道如何制作播放/暂停按钮。目前,HTML和JS正在解决这个问题。
我使用了一些其他示例,并创建了这个示例。确保,如果你使用这个,你的HTML音频标签看起来像这个
<audio id="audio_core" autoplay="autoplay">
<source src="audio/bgm.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
这是按钮本身:
<a href="javascript:void(0)" id="audiobutton" class="btn-floating btn-large waves-effect waves-light red" onclick="aud_play_pause()"><i id="icn" class="material-icons">pause</i></a>
<script>
function aud_play_pause() {
var myAudio = document.getElementById("audio_core");
if (myAudio.paused) {
myAudio.play();
$("#icn").text("pause");
} else {
myAudio.pause();
$("#icn").text("play_arrow");
}
}
</script>
希望这能有所帮助!
相关文章:
- CSS动画暂停并使用javascript播放
- 是否可以使用HTML5/javascript播放此流
- 使用Javascript播放HTML5视频
- 使用javascript播放声音
- html视频javascript播放方法在移动Safari中不起作用
- Javascript播放音频后其他没有音频崩溃
- 如何检测网页中的更改并使用Javascript播放声音
- 使用javascript播放音频(没有HTML5或可见播放器)
- HTML5 Javascript播放/暂停按钮
- 使用Javascript播放和暂停图像
- javascript播放的声音不适用于chrome for android
- JavaScript播放上传的音频
- 通过javascript播放mp4视频
- 使用HTML5和JavaScript播放/暂停音频按钮
- 如何使用Javascript播放mp3
- 使用 HTML5 和 JavaScript 播放/暂停音频按钮
- 如何使用Javascript播放一系列图像
- Javascript播放声音会导致“NPObject上的错误调用方法”
- 使用 Javascript 播放音符
- PHP和JavaScript播放器base64_encode