首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在同一个HTML5播放器中放大视频流和切换视频流?

如何在同一个HTML5播放器中放大视频流和切换视频流?
EN

Stack Overflow用户
提问于 2014-07-31 19:16:11
回答 2查看 7.6K关注 0票数 7

我有视频,将分为4个视频。

首先,播放机将播放原始视频的较低分辨率,然后用户可以放大视频以查看更多细节,我需要播放器根据用户放大的位置,播放4段视频中的一段--分辨率更高。

我怎样才能使用VideoJS或其他任何视频播放器做到这一点呢?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-08-09 16:05:42

经过搜索,这就是答案..。

为了放大视频,您可以遵循本教程:HTML5和CSS3中视频的缩放和旋转

对于同一播放器中的视频流,您可以通过更改html5视频标记上的源进行切换,并进行一些计算,以了解用户放大的位置,从而更改源视频。

票数 5
EN

Stack Overflow用户

发布于 2014-08-05 11:11:22

由于还没有反应,所以让我来分析一下这个问题。这绝不是一个完整的答案,但其他人可能能够回答问题的一部分:

首先,播放器将播放原始视频的较低分辨率,

这意味着您需要创建/使用视频流。有很多插件你可以使用视频流,并取决于你想要什么。您可以考虑自己编写它,例如使用C#的System.IO对象,并以字节(并将其重新组合)转换视频(并将其重新组合起来)--只要为这个过程的这一步骤拥有一个单独的视频文件,就可以最容易地获得分辨率。(仅用于流的低分辨率视频文件)

然后用户可以放大视频来查看更多的细节,我需要播放器根据用户放大的位置来播放4段视频中的一段--分辨率更高。

所以你需要触发变焦效果。这意味着你需要检测变焦。如果您想要一个基于浏览器的应用程序,可以在you浏览器中使用Javascript。当该缩放被触发时,您可以检索鼠标在屏幕上/在div中或在某种覆盖上的位置。根据这个位置,您可以显示另一个流。

我怎样才能使用VideoJS或其他任何视频播放器做到这一点呢?

基本上,以上这些步骤是我如何开始研究这个具体案例的。考虑到您的VideoJS是一个建议,我认为这是基于浏览器的。这可能意味着使用Javascript库,可能与服务器端语言相结合。

这就是我所能做的。也许有人可以拿起我写的东西的具体部分,帮助你更进一步。

祝您今天愉快!

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25096194

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档