HTML / javascript在线实验-视频速度因浏览器而异在Safari中过快,在Chrome中过快

问题描述

我正在编写我的第一个HTML / javascript / jquery页面,以使用机械特克在线呈现。该实验需要进行一组试验,每个试验都是一个视频,该视频显示快速的图像流,图像之间存在空白屏幕。我们使用视频而不是图像本身,因为我们已经有来自实验室内部实验的matlab脚本,可以在试验内和整个试验之间进行图像的平衡。我想尽可能地继续使用这些视频,但是我不知道如何解决播放速度方面的问题-

Chrome似乎一切正常,并且视频以正常速度显示。但是,当我在Safari中进行测试时,基本上一切都与Chrome相同,但视频速度过快,我也不知道为什么。它不是荒谬地快,但肯定是> 1x。 (我不知道如何确切地计算出多少速度)。我有一个按键触发器,现在就可以开始试用视频(它解决一个不同的问题,但是没有解决这个问题),并且我已经尝试了video标签上preload属性的所有不同值。我的视频是mp4。目前所有内容都托管在本地计算机上。

有人知道为什么浏览器的播放速度会有所不同吗?对所有主题而言,准确的时间安排和一致的时间非常重要,因此解决这一问题非常重要。这甚至是我的代码有问题(例如,我应该具有某种属性或要加载的某种方式吗?),还是我的计算机(运行Catalina 10.15.1的Mac)或浏览器(Safari浏览器ver就是13.0.3)?

请帮助我找出正在发生的事情!

编辑:这是一个实际的“最小可复制示例” 删除了上面的所有废话,谢谢前2位评论者,他们帮助我进行了更多设置适当地- https://www.dropbox.com/sh/f21trckjf1hte9g/AAB4T4XMDJDydhlINhsnp_YIa?dl=0

(仅在这里使用脚本仍然会发生此问题(文件夹中只有一个演示视频)

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)