简介
在网页开发中,有时候我们需要控制音频或视频的播放,比如制作一个在线音乐播放器或者视频播放器。jQuery是一个强大的JavaScript库,它可以帮助我们简化这些任务。本教程将带您入门,教您如何使用jQuery轻松控制HTML5中的
$(“#pause”).click(function() {
$(“#myAudio”)[0].pause();
});
$(“#stop”).click(function() {
$(“#myAudio”)[0].stop();
});
});
3. 控制播放进度
jQuery提供了
.currentTime
和
.duration
属性来获取和设置播放进度。
$(“#seek”).click(function() {
var currentTime = $(“#myAudio”)[0].currentTime;
$(“#myAudio”)[0].currentTime = currentTime + 10; // 向前10秒
});
4. 音量和静音控制
使用
.volume
属性可以控制音量,而
.muted
属性可以用来静音。
$(“#volumeUp”).click(function() {
var currentVolume = $(“#myAudio”)[0].volume;
$(“#myAudio”)[0].volume = Math.min(currentVolume + 0.1, 1);
});
$(“#mute”).click(function() {
$(“#myAudio”)[0].muted = !$(“#myAudio”)[0].muted;
});
实用技巧
使用