转换html5视频-使用什么软件

2024-07-03

我们计划在网站上使用全屏 html5 视频。我读到 MPEG-4/H.264 可能是目前最好的格式。

我有 1080p mp4 格式的视频文件……大小为 41.2mb。由于视频应该以“相对”良好的质量播放并且传输速度非常快,因此我如何优化视频文件。

有什么提示、技巧可以给我吗?在桌面上全屏视频需要 1080p 还是 720p 就足够了? 桌面全屏视频的输出尺寸应该是多少?

问候, 马特


很大程度上取决于目标受众及其连接性。如果他们有良好的连接和大显示器,他们可能会欣赏 1080p,但 720p 可能也不错。

最好是宁可降低质量,也不要冒着缓冲 IMO 的风险(尽管这显然取决于用例)。我通常的方法是与一些目标用户合作,并 A:B 测试一些不同的质量设置(调整帧大小和比特率,每次清除缓存),看看最佳点在哪里......

确保 MOOV 原子位于开始位置,这样他们就不必等待整个内容加载后再开始播放。

您可以使用以下命令相当快速地创建内容的一些示例版本ffmpeg使用各种设置进行转码/传输复用

ffmpeg -y -i {source-file} -s 1280x720 -c:v libx264 -b 3M -strict -2 -movflags faststart {target-file}
  • -s定义目标输出大小
  • -b定义目标比特率
  • movflags faststart将运行第二遍以确保 moov 原子位于您想要的位置

此外,根据您的移动目标,您可能最好使用允许自适应比特率(例如 HLS)的分段 MPEG 格式,以便浏览器可以决定最适合请求显示的比特率/帧大小

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

转换html5视频-使用什么软件 的相关文章

  • 特定键盘事件

    我正在使用 Vue 并且在 div 中有 Quill 编辑器 这就是为什么我使用已弃用的DOMSubtreeModified 我想触发一个事件来发送 API 请求以将编辑器的内容保存到数据库中 现在 下面是我所拥有的 但当我删除字符时它不会
  • 为什么仅使用两个类似命令之一会出现错误“NoneType”对象没有属性“内容”?

    我正在从中提取内容url https www collinsdictionary com dictionary french english aimer import requests from bs4 import BeautifulSo
  • 如何在使用 Javascript 在控制台中调用 start() 和 stop() 时启动和停止多步动画?

    我为多步动画编写了以下代码
  • 停止 HighCharts 在悬停时增加线条宽度

    我正在使用最新版本的 HighCharts 来构建具有多种趋势的图表 默认情况下 当用户鼠标悬停在线条上时 HighCharts 会增加线条的粗细 线宽 因为图表上可能有大约 10 个趋势 所以我想删除此功能 这意味着线条的粗细在悬停时不会
  • 转换html5视频-使用什么软件

    我们计划在网站上使用全屏 html5 视频 我读到 MPEG 4 H 264 可能是目前最好的格式 我有 1080p mp4 格式的视频文件 大小为 41 2mb 由于视频应该以 相对 良好的质量播放并且传输速度非常快 因此我如何优化视频文
  • 创建一个指向端口非80的IP的域名

    我想使用域名来指向本地服务器IP地址上的网页 然而 问题是该页面链接到端口 8088 而不是 80 上设置的 IP 地址 因为后者已被另一个网页使用 域名公司告诉我他们不能这样做 因为域名只能指向在端口 80 上设置的 IP 地址 所以现在
  • 导航到 IE 中的数据 URI

    我有这个非常简单的 HTML a href Static a 在 Chrome 或 Firefox 中 它会下载red png正如预期的那样 在 IE 中 它会导航到错误页面 看到它JSFiddle http jsfiddle net di
  • 为什么 BITMAPS 加载“向上”?

    如果您有一个非常非常大的 JPG 和嵌入 HTML 的 BMP 并将其加载到 Firefox 中 您会注意到 JPG 将 向下 加载 从左到右绘制 然后向下 而 BMP 将 向上 加载 从右向左绘画 然后向上 只是好奇 我不久前写了一个位图
  • 如何获取所有行值制表符?

    我有使用制表器的可编辑表格 一切正常 但问题是单击 保存按钮 时无法获取所有行值 我正在尝试的是 document ready function var tabledata id 1 name Oli Bob age 12 col red
  • 使用“.text”或“.textContent”时保留换行符。可能的?备择方案?解决方法?

    如果我从一个元素中获取一些 html 然后尝试将其分配为另一个元素的文本内容 则换行符是not保留 至少在最新的 Firefox 和 Chromium 中没有 因此 例如 以下代码 使用合理的 html 会生成其中换行符被空格替换的输出 好
  • 在提交之前合并 $_GET 变量[关闭]

    很难说出这里问的是什么 这个问题是含糊的 模糊的 不完整的 过于宽泛的或修辞性的 无法以目前的形式得到合理的回答 如需帮助澄清此问题以便重新打开 访问帮助中心 help reopen questions 我不太确定这是否可能 但这是我无法弄
  • 将鼠标悬停在按钮上在 Firefox 上不起作用

    我编写了一些按钮 这些按钮在悬停时会增大尺寸 它在 Chrome 上完美运行 但在 Firefox 上却不起作用 出了什么问题 P1 background color transparent border 0 background repe
  • html 5 appcache用户控制更新

    我正在开发一个 ipad 网络应用程序 该应用程序每月都会收到更改 但是我不知道如何让用户决定是否更新缓存 当 ipad 注意到清单文件发生更改时 它往往会继续更新 我想阻止这种情况 以便尚未读完本月期刊的用户可以在需要时进行更新 我已经搜
  • php curl 获取 html 和 js 渲染

    php curl 只获取html页面的源代码 不执行js脚本 我需要我的网站获取已执行所有 JavaScript 的源代码 我使用ajax 但无法在页面中添加更多js 因为当我加载另一个页面时脚本会保留 我找到了 SpiderMonkey
  • 为 Flutter Web 应用程序添加 id 或 name 属性或其他标识方式?

    在编写 Flutter Web 应用程序时 我尝试利用基于 Selenium 的 Web UI Testing 框架 遗憾的是 我无法通过 id 或 name 属性识别代表某个 flutter 小部件的 HTML 元素 HTML 文档中不存
  • 暂停 RTMP 直播流后 VideoJS 不播放

    我正在使用 VideoJS 从 Wowza 服务器进行实时流 但是当我暂停播放器并再次播放时 播放器不会恢复流 我需要重新加载网页才能再次启动流
  • angularjs表单重置错误

    我正在尝试使用 angularjs 制作一个带有验证的表单 到目前为止我做得很好 但是 当我提交重置按钮时 除了从验证部分收到的错误消息之外 所有字段都会重置 当我重置表单时 如何删除所有字段和错误消息 这就是我按下重置按钮时的情况 这是我
  • 两个选择框重叠

    我有两个选择框HTML 一个在另一个之下 第一个选择框正常 第二个选择框默认打开 意味着无需单击即可显示选项 现在当我点击第一个select box它的内容移动到另一个的后面select box HTML
  • 错误:“访问受限 URI 被拒绝”

    访问受限 URI 被拒绝 代码 1012 中断此错误 xhttp send null function getXML xml file if window XMLHttpRequest var xhttp new XMLHttpReques
  • 如何在角度4中使用addHTML

    我试图在 Angular 中使用 jspdf 库的 addHTML 函数 并且已经安装了 html2Canvas 但出现错误 这是我的 demo component ts 文件 import Component OnInit ViewChi

随机推荐