【问题标题】:Change HTML5 video’s quality from JavaScript从 JavaScript 更改 HTML5 视频的质量
【发布时间】:2013-07-10 23:32:54
【问题描述】:

在 YouTube 中,我们可以通过 360p、144p、240p 等下拉菜单更改视频的质量。我们可以对 JavaScript 中的 HTML5 视频元素做同样的事情吗?

【问题讨论】:

  • 当然,如果您有多个质量不同的文件,您可以交换源代码。
  • 所以,你的意思是 youtube 保留了同一个视频的多个文件,但我不这么认为,因为我拥有一个 youtube 频道并且我只发布了一个文件,但我仍然可以交换质量跨度>
  • @tenstar:信不信由你,YouTube 的家伙已经想出了如何获取您的原始视频文件,并将其转换为不同的分辨率。我听说他们为此使用计算机
  • @tenstar - 这正是他们所做的。他们将您的文件转换为不同的分辨率等,当您单击按钮时,发生的事情几乎正是昆汀在下面写的。

标签: javascript html html5-video


【解决方案1】:

手动选择质量只是一个问题:

  1. currentTime 保存在变量中
  2. 将视频src设置为不同视频的网址(内容相同,质量不同)
  3. currentTime 设置为变量中的值
  4. 播放视频

【讨论】:

  • 这个,但是改源后应该调用video.load()告诉浏览器源已经改了。
  • Hej 确实这样做了,但是在我在 iphone 几秒钟后更改了视频的质量后,视频从头开始而不是从当前时间开始,这是我的线程:stackoverflow.com/questions/61663311/… 你能检查一下吗?
【解决方案2】:

您想将 youtube-apihtml5-player 一起使用,或者您正在服务器上使用视频文件? 如果是 youtube-api,请尝试:

https://developers.google.com/youtube/iframe_api_reference

[编辑]

javascriptactionscript 只能访问不同的视频,因为他们没有交换质量,所以必须实时重新编译(这是不可行的)。

你有兴趣吗,你可以在你的服务器上使用ffmpeg(或者在你将视频上传到你的桌面之前)来生成各种格式(质量)的视频,你可以研究以下关联: http://ffmpeg.org/trac/ffmpeg/wiki/Creating%20multiple%20outputs

希望这会有所帮助。

【讨论】:

  • “youtube”会生成多个质量与您的原始视频不同的视频。 javascript 或 actionscript 只能访问不同的视频,因为它们没有交换质量,因此必须实时重新编译(这是不可行的)。考虑@Quentin 的回应。
猜你喜欢
  • 2017-07-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多