HTML5视频随机速度-自动刷新

HTML5 Video with random speed - autorefresh

本文关键字：刷新 速度 视频 随机 HTML5      更新时间：2023-09-26

所以，我想播放一个视频作为循环，而playbackRate的随机值被创建来随机设置视频在另一个随机时间间隔内的速度。

对于这个，我有这个:

window.onload = function ()
{
    var tempo = Math.floor(Math.random() * 3) + 0.5; // TIME TO SET VIDEO SPEED
    var tempo2 = Math.floor(Math.random() * 2000) + 1000; // TIME TO SET INTERVAL TIME

    setInterval(function ()
    {
     document.getElementById("my-video").playbackRate = tempo;
        console.log(tempo , tempo2);
    }, Math.floor(Math.random() * this.tempo2) + 600);
};

由于某种原因，视频是随机加速和下降，正如我所期望的，但我需要刷新页面来改变值。

JSFIDDLE

谢谢

需要更新setInterval函数中的tempo变量

setInterval(function ()
{
   document.getElementById("my-video").playbackRate = tempo;
   tempo = Math.floor(Math.random() * 3) + 0.5;
   console.log(tempo , tempo2);
}, Math.floor(Math.random() * this.tempo2) + 600);

但是我认为你想要的也是tempo2变量的更新，通过使用更新随机值的函数的setTimeout调用，使用tempo2作为新的超时。

 var update = function () {
    document.getElementById("my-video").playbackRate = tempo;
    //update random values
    tempo = Math.floor(Math.random() * 3) + 0.5;
    tempo2 = Math.floor(Math.random() * 2000) + 1000;
    console.log(tempo, tempo2);
    //recall the method with new tempo2 value
    setTimeout(update, tempo2);
 }

见:

JSFiddle

相关文章：