WebCat - 播放视频
WebCat 是一个简单的视频播放器,使用 JavaScript 和 HTML 实现,通过点击按钮播放一系列图片,模拟视频播放效果。
代码中使用了一个计时器,每隔 25 毫秒切换一次图片,并使用 isPlaying 变量记录播放状态。在播放完毕后,需要将 isPlaying 重置为 false,以便下次点击按钮时可以继续播放。
以下是代码的主要部分:
let isPlaying = false;
const audio = new Audio('mp3/gu.mp3');
inp.onclick = function() {
if (!isPlaying) {
isPlaying = true;
audio.play();
wdsj(1525);
}
}
function wdsj(hbg) {
let gg = hbg + 1;
let ii = 1;
let count = 0;
let timer = setInterval(function() {
if (ii < gg) {
bofang(ii);
ii++;
count++;
if (count >= gg) {
clearInterval(timer);
isPlaying = false; // 播放完毕后重置为false
}
}
}, 25);
}
function bofang(fps) {
img.src = 'img1/' + fps + '.jpg';
console.log(fps);
}
代码中的 wdsj 函数负责控制播放,bofang 函数负责切换图片。在 wdsj 函数中,计时器结束后,将 isPlaying 重置为 false,确保下次可以继续播放。
另外,可以考虑添加一个停止播放的功能,让用户可以手动停止播放并重置 isPlaying 的值。
原文地址: https://www.cveoy.top/t/topic/n4my 著作权归作者所有。请勿转载和采集!