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 的值。

WebCat - 播放视频

原文地址: https://www.cveoy.top/t/topic/n4my 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录