gpt4 book ai didi

html5 视频流

转载 作者:行者123 更新时间:2023-11-28 03:36:02 26 4
gpt4 key购买 nike

我正在使用 mediaViews 和 html5 在我们的 cakephp 网站上流式传输视频截屏。我正在为播放器使用 videojs,但遇到了一些问题:

  1. 不会在 safari/ipad/iphone 中播放(我把它转换成 mp4)
  2. 不允许观看者在任何浏览器中跳到视频的中间。他们必须从头到尾看完视频,这并不理想。
  3. 不为不支持 html5 的浏览器回退到 flash 对象

它目前可以在 Chrome 和 Firefox 上正确流式传输。我还没有尝试过 IE。

代码如下。视频文件的所有转换都是使用我阅读过的 Miro Video Converter 完成的,它应该运行良好。

非常感谢任何帮助!

学生 Controller 代码

function view_demo_mp4() {
$this->viewClass = 'Media';
$params = array(
'id' => 'webinar.mp4',
'extension' => 'mp4',
'path' => APP . "../../documentation" . DS,
'download' => false,
'cache' =>true
);
$this->set($params);

}

function view_demo_webm() {
$this->viewClass = 'Media';
$params = array(
'id' => 'webinar.webm',
'extension' => 'webm',
'path' => APP . "../../documentation" . DS,
'download' => false,
'cache' =>true
);
$this->set($params);
}

function view_demo_ogg() {
$this->viewClass = 'Media';
$params = array(
'id' => 'webinar.ogv',
'extension' => 'ogv',
'path' => APP . "../../documentation" . DS,
'download' => false,
'cache' =>true
);
$this->set($params);
}

查看

<video class="video-js vjs-default-skin" controls preload="none" width="768" height="432"
poster="/files/demo_splash.png"
data-setup="{}">
<source src="/students/view_demo_mp4" type='video/mp4' />
<source src="/students/view_demo_ogg" type='video/ogg' />
<source src="/students/view_demo_webm" type='video/webm' />
</video>

我有视频的三个版本。原件是使用 Quicktime 屏幕录制创建的。我目前正在使用:

  • Mp4 H.264,音频 channel :2 总比特率 320
  • Ogv HTML5 视频 (Ogg) 我没有看到任何进一步的细节
  • WebM HT​​ML% 视频 webm(同样,我找不到更多详细信息)

当使用 Miro 转换器转换视频时,我使用最右边的选项“格式”,选择“视频”,然后选择输出类型。

这是在 https 站点上,所以这可能会导致 flash 回退问题?除此之外,我没有在 videojs 上看到任何帮助设置回退的说明。我错过了什么吗?

非常感谢您的帮助。

最佳答案

如果您的 HTML5 视频无法在任何 Apple 手持设备上播放,请尝试在 Adob​​e Media Encoder 中自行编码 mp4 版本。确保在 Video 选项卡下,选择 4 或更低的级别,一定要为 Profile 选择 Baseline,并显示足够低的比特率,例如介于 1000kbps 和 2000kbps 之间(默认通常为 20000kbps。)。

关于html5 视频流,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14263977/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com