转换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视频-使用什么软件 的相关文章

  • 将复制和粘贴功能添加到 Web 应用程序的自定义菜单

    我们正在开发一个包含文本编辑器的 Web 应用程序 它是用 HTML5 Javascript 编写的 我们成功地将自定义菜单添加到我们的网络应用程序中 但我们尚未成功添加 Google 文档中的复制和粘贴功能 据我们了解 这可以使用可以访问
  • 转换html5视频-使用什么软件

    我们计划在网站上使用全屏 html5 视频 我读到 MPEG 4 H 264 可能是目前最好的格式 我有 1080p mp4 格式的视频文件 大小为 41 2mb 由于视频应该以 相对 良好的质量播放并且传输速度非常快 因此我如何优化视频文
  • CSS半固定元素?

    我记得最近看到过一个这样的例子 但我怎么也找不到这个网站 它是一个按钮或类似的东西 位于屏幕顶部附近的位置 然后当您向下滚动时 它会保留在屏幕上 现在想来 它一定是由 javascript 驱动的 但看起来很自然 有人知道具有此功能的网站或
  • 使用 Bootstrap 列折叠空白

    首先 这是我正在谈论的问题的屏幕截图 我正在努力让空白消失 例如 我希望第四条评论 评论评论评论 位于第一条评论下方 并且它们之间没有很大的间隙 而不是跳过该列并位于第二列中 基本上 我想要这些 Bootstrap 井的 3 列 它们不关心
  • 我们如何使用 css 样式重叠两个图像?

    我在 html 表中有一个图像列表 需要在每个图像上重叠一个小图标 我们如何使用 z 索引和定位来做到这一点 under position absolute left 0px top 0px z index 1 over position
  • 如何获取所有行值制表符?

    我有使用制表器的可编辑表格 一切正常 但问题是单击 保存按钮 时无法获取所有行值 我正在尝试的是 document ready function var tabledata id 1 name Oli Bob age 12 col red
  • 当 flex-direction 为“column”时,CSS flex-basis 不起作用

    我的目标是使用 Flexbox 创建一个两列布局 其中第一列有两行 第二列有一行 如下所示 Setting flex basis 100 在第三个项目上给出了所需的效果 但仅当容器的flex direction is row 改变flex
  • 将第三方 JS 和 CSS 库与我的项目资产打包在一起有好处吗?

    我想开始使用缩小工具 例如Minify http code google com p minify Uglify https github com mishoo UglifyJS or Closure https developers go
  • 在 PHP 中组合数组

    尝试学习 PHP 中的数组 为简洁起见 发布了片段 HTML 表单在这里 p What are your favorite type of cookies p
  • 在 CSS 中当场增长一个元素

    我有很多跨度 它们是盒子里的center标签 我希望当用户将鼠标悬停在每个框上时 每个框都会就地生长 这是行不通的 因为它会移动所有其他元素 而且看起来不太好 square hover background color yellow wid
  • 用随机图像填充表格

    首先 我的编码经验包括修改简单的脚本以在我的页面上工作 其次 我搜索并发现了几个类似的问题 但无法完全解决它们 我需要一些帮助来使用大约 40 张图像数组中的随机图像填充 3x3 表 我目前有一个使用 backgroundImage 属性的
  • 如何将angularjs变量值分配给html元素属性,例如输入elememnt的name属性

    我对 Angular 完全陌生 我有一个 AngularJS scope 变量 scope testme inputname 我想将此变量值分配给 html 元素的 name 属性 我想 结果如下
  • html5 datalist 仅选择预定义选项

    我正在使用 HTML5datalist允许通过自动完成和过滤功能从大列表中进行选择 但我只想允许从预定义的选项中进行选择 查看小提琴演示http jsfiddle net tharas rrkdu8pk http jsfiddle net
  • 是否可以从 JavaScript 注入的内联样式中减去一个数字?

    我在 HTML 中添加了内联样式 例如style left 10px 我可以添加 减去该数字吗 我想创建一个可以删除的规则8px从该数字开始 无论该数字是多少 我尝试使用丑陋的 importanthack 来覆盖它 但是当初始值改变时这没有
  • 使用jsoup从两个标签之间提取未识别的html内容?正则表达式?

    我想获取两者之间所有链接的名称h2那里有标签 h2 span class mw headline People span span class mw editsection span class mw editsection bracket
  • HTML 文本和密码输入字段的大小不同 Internet Explorer

    我正在为我的登录表单使用此表单设置 tr td class label Username td td td tr
  • 为移动设备设计网页界面

    如何使您的网站在标准浏览器和各种可用的移动设备上看起来都很好 目前 我尚未决定是尝试调整布局大小以使其适用于小型设备 还是为移动设备提供单独的 CSS 我的用例是一个国际象棋游戏 我希望整个棋盘都可用而无需向下滚动 你会推荐什么 基本上没有
  • WEBP图像回退

    我在互联网上搜索了很多 找不到可以完整教授的正确示例或完整教程 所以请大家给我推荐一些好的例子 我已经在很多网站上尝试过 WEBP 代码 例如与现代化工具一起使用 检查浏览器支持或使用背景图像 有一篇关于 Stucox 的文章 您可以在其中
  • 如何转义 XML 中的 & 符号,以便它们在 HTML 中呈现为实体?

    我有一些 XML 文本希望在 HTML 页面中呈现 该文本包含一个 符号 我想在其实体表示中呈现它 amp 如何在源 XML 中转义这个 符号 我试过 amp 但这被解码为实际的 符号 即在 HTML 中无效 https stackover
  • 带图像背景的页面的 V 形部分

    I m trying to make a one page website But I would like something to diversify it from all other similar sites I came up

随机推荐