我们在绿色屏幕上拍摄了一位发言人,并准备好多种格式的视频文件.
使用Flash,我们可以在param和embed标签中使用wmode透明,但HTML5中的视频和源标签是否与此类似？是否可以正确保存.m4v或.ogv视频,以便我们可以在浏览器中播放具有透明背景的这些文件？
谢谢
我需要一种方法来获取视频的总时间长度和jquery的当前时间,并将其显示在几个<div>标签中.
<div id="current">0:00</div>
<div id="duration">0:00</div>
我一整天都在搜索,我知道如何获取它们我只是无法显示它们.#jquerynoob
我在Chrome中遇到了一个奇怪的问题.
每次加载<video>元素时,chrome都会启动两个HTTP请求.
第一个将永远保持待定(我猜这是"元数据","部分内容"请求.但关键是它保持待定)
第二个到同一个文件是正常的,并在加载结束后继续和关闭.
这里的问题是第一个请求保持挂起状态,直到我关闭浏览器页面.因此,在某些时候,如果我加载多个视频,Chrome会中断并停止下载任何内容,因为这些待处理请求会占用每个可用请求.
我在这里创建了一个简化的测试用例:http://jsbin.com/ixifiq/3
我已经检查过重现这个问题,它发生在Video.js和MediaElements.js 前台.加载页面时打开网络选项卡,您将看到第一个待处理的请求.然后按视频上的播放,您将看到第二个请求正常工作,但第一个请求将永久保留.
有谁知道修复这个bug？
我试过HTTP Ogg/Theora并且可以使用Chrome,但不适用于Firefox 7.
VLC配置:
为了测试,我一直在使用以下vlc命令行配置来流式传输桌面:
vlc.exe屏幕://:screen-fps = 30:screen-caching = 100:sout = #transcode {vcodec = theo,vb = 800,scale = 1,width = 800,height = 600,acodec = none}: http {mux = ogg,dst =:8181/desktop}:no-sout-rtp-sap:no-sout-standard-sap:ttl = 1:sout-keep
HTML5视频标签配置:
<video id="video" src="http://my_host_name:8181/desktop" type="video/ogg; codecs=theora" autoplay="autoplay"/>
有任何想法吗？
我正在尝试使用HTTP直播流(HLS)将视频流式传输到我的计算机和iPhone.在阅读了Apple的"HTTP直播流媒体概述"以及"为iPhone和iPad创建和部署HTTP直播流媒体的最佳实践"后,我有点陷入困境.
我拿了我的源文件(mkv)并使用ffmpeg对MPEG-TS格式和Apple推荐的设置以及Baseline 3.0配置文件进行编码:
ffmpeg -i "example.mkv" -f mpegts -threads:v 4 -sws_flags bicubic -vf "scale=640:352,setdar=16/9,ass=sub.ass" -codec:v libx264 -r 29.970 -b:v 1200k -profile:v baseline -level:v 3.0 -movflags faststart -coder 1 -flags +loop -cmp chroma -partitions +parti8x8+parti4x4+partp8x8+partb8x8 -me_method hex -subq 6 -me_range 16 -g 239 -keyint_min 25 -sc_threshold 40 -i_qfactor 0.71 -b_strategy 1 -qcomp 0.6 -qmin 10 -qmax 51 -qdiff 4 -direct-pred 1 -fast-pskip 1 -af "aresample=48000" -codec:a libvo_aacenc -b:a 96k -ac 2 -y "output.ts"
不用担心.我使用预编译的分段工具来分割视频并构建.m3u8播放列表.结果文件如下所示:
#EXTM3U
#EXT-X-TARGETDURATION:10
#EXTINF:10,
http://localhost/media/stream/stream-1.ts
#EXTINF:10, …简单的HTML5视频在Safari浏览器上播放.但在将其添加到主屏幕(独立WebApp)后,它不起作用.它正在iOS7上运行,但已停止在iOS8上运行.
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>HTML5 Video Standalone Test</title>
<style>
body{
margin:0;
}
</style>
</head>
<body>
<video src="http://www.jplayer.org/video/m4v/Big_Buck_Bunny_Trailer_480x270_h264aac.m4v" autoplay="autoplay" controls="true" webkit-playsinline />
</body>
</html>
请帮忙.这有什么解决方案吗？
我有一个视频标签,我动态更改其来源,因为我让用户从数据库中的许多视频中进行选择.问题是,当我更改src属性时,即使我告诉它,视频也不会加载.
这是我的代码:
$("#video").attr('src', 'my_video_'+value+'.ogg');
$("#video").load();
while($("#video").readyState !== 4) {
console.log("Video is not ready");
};
代码仍然处于无限循环中.
有帮助吗？
编辑:
致Ian Devlin:
//add an listener on loaded metadata
v.addEventListener('loadeddata', function() {
console.log("Loaded the video's data!");
console.log("Video Source: "+ $('#video').attr('src'));
console.log("Video Duration: "+ $('#video').duration);
}, false);
好的,这是我现在的代码.源打印很棒,但我仍然无法获得持续时间:/
我正在尝试测试视频是否不稳定.我注意到,pause当视频暂停缓冲时,不会触发事件.检测视频是否暂停缓冲的最佳方法是什么？