Question

我正在尝试在我页面左上角的视频标签内播放视频，它加载正常，分辨率很好，似乎是循环播放但是它非常滞后，绝对没有实现60fps是mp4格式，原始mp4的分辨率是1920x1080，它是一个名为GlassVein的高分辨率vj自由循环，如果你在youtube上搜索，你可以看到它。在右键单击属性时，它会显示以下信息;

比特率：127kbs 数据速率：11270kbps 总比特率：11398kbs 音频采样率为：44khz filetype是：VLC媒体文件（.mp4）（但我不想要或不需要音频）

＆安培;它也说30fps，但我不确定我是否相信这一点，因为它在vlc媒体播放器上没有落后，只是平滑的循环动画

我搜索了https://trac.ffmpeg.org/wiki/Encode/AAC以获取编码信息，但它对我来说是完整的gobbldygook，我不理解其中的一句话

我的代码到目前为止;

    <video src="GlassVeinColorful.mp4" autoplay="1" preload="auto"
      -movflags class="Vid" width="640" height="360" loop="1" viewport=""
      faststart mpeg4 -s 320x240 -r 1080 -b 128k>  
    </video>

有谁知道为什么这么多，或者我能做些什么。它是一个高质量的动画，我真的不想放松它的分辨率或清晰度。-s部分最初被设置为1920x1080，因为这是原始文件，但我已经改变它以尝试和渲染它更快......

任何有用的网站，文章或答案都会很棒..

Answer 1

IP视频连接将受到网络条件的影响，在该分辨率下60fps是一种非常高的质量，可以在没有任何延迟或缓冲的情况下进行维护。

最“严肃”的视频服务，包括YouTube。 NetFlix等提供多个比特率流，以允许不同的网络条件和不同的设备功能。

当客户端按块下载视频块时，客户端可以通过视频在流之间切换，因此可以在请求新块时为当前网络状况选择最佳分辨率。

请点击此处查看示例：https://stackoverflow.com/a/42365034/334402

Answer 2

我最近回到了这个项目，回到代码上，

发现将视频转换为WebM ＆使用html Canvas元素显示Vj循环已经使性能提高了10倍，我将在找到时将用于将数据写入画布的代码上载，我的项目文件夹有点杂乱无章。

最主要的想法是拥有一个不显示任何内容的“离屏”画布，然后将数据读入显示在屏幕上的另一个“画布”中。似乎已经解决了我面临的问题。

如果您遇到任何相同的问题，请参见上面的编辑。

mp4 Vj动画视频滞后喜res视频

2 个答案: