6 个基于 HTML5 实现的多媒体播放器

jopen 12年前
     <p><video> 是 HTML5 中新增的标签,可用于在 网页中嵌入视频播放功能,无需 Flash 和其他嵌入插件的支持。但是HTML5目前只有<span class="highlight"><span class="green">Firefox, Safari, Chrome, Opera,IE9以上支持。此外为了能够播放视频至少需要转换成两种格式包括:<span class="highlight"><span class="green">h.264 (Safari / Chrome) 与 Ogg (Firefox / Opera) 。</span></span></span></span></p>    <p>本文介绍 6 款使用 HTML5 技术实现的在线多媒体播放器:</p>    <h2>1. Open Standard Media (OSM ) Player</h2>    <p><img class="aligncenter size-full wp-image-3050" title="osm-player" alt="" src="https://simg.open-open.com/show/aa86bd69cec6c0079ba8d52fa0436929.jpg" width="510" height="309" /></p>    <p>OSM Player是一个基于jQuery开发、开源的HTML5多媒体播放器。当浏览器不支持HTML5时,可以转成Flash。提供播放列表,播放列表可以隐藏,支持视频全屏播放。<br /> 项目地址:<a href="/misc/goto?guid=4958201405201423815" target="_blank">http://www.mediafront.org/project/osmplayer</a></p>    <h2>2. HTML5 Video & Js Library</h2>    <p><img class="aligncenter size-full wp-image-3048" title="Kalatura and HTML5" alt="" src="https://simg.open-open.com/show/43bc3eaddec6b4358dd81a7ae51d2657.jpg" width="510" height="360" /></p>    <p> </p>    <p>Kaltura 是一款基于 Flash 技术的在线视频编辑工具。除了具备同类工具的应用特性之外,最主要的,还是能支持多人协作编辑,这一点特性可能今后将会被更多的在线视频编辑工具所使用。 此外,Kaltura 上处理的视频媒体可以通过网页内嵌代码输出到 Blog 或者个人网页上。</p> 项目地址:    <a href="/misc/goto?guid=4958201405955361710" target="_blank">http://corp.kaltura.com/ </a>    <h2>3. HTML5 Media</h2>    <p><a href="/misc/goto?guid=4958201406687869443" rel="attachment wp-att-3059"><img class="aligncenter size-full wp-image-3059" title="HTML5 video" alt="" src="https://simg.open-open.com/show/51b2de2d3162bac118643683c1ae09e2.jpg" width="510" height="356" /></a><br /> HTML5在音频和视频方面确实强大并易于使用,然而旧版本的浏览器并不支持,而且对于支持HTML5的浏览器在支持多媒体格式上也各不一样。 </p>    <p><strong>html5media是一个JavaScript音频/视频播放器能够让每一个浏览器都能够播放在HTML5多媒体标签中定义的多媒体文件。</strong></p>    <p>对于不兼容的浏览器,该播放将采用支持Flash的<a href="http://www.open-open.com/ajax/ajax20080809095241.htm">FlowPlayer</a>播放器来代替。<br /> </p>    <p>项目地址:<a class="buttons btn_white left" href="http://www.open-open.com/ajax/ajax20110811095102.htm">HTML5 Media Player</a><br /> </p>    <h2>4. JW Player for HTML5</h2>    <p><img class="aligncenter size-full wp-image-3047" title="JW Player" alt="" src="https://simg.open-open.com/show/1d9f0498a56e264ed516bfffa8d7f0e2.jpg" width="510" height="301" /></p>    <p>JW FLV MEDIA PLAYER是一个开源的在网页上使用的Flash视频、音频以及图片播放器,支持 Sliverlight 播放,可以通过一个XML文件使播放器自动切换显示一组图片,并播放背景音乐。</p> 项目地址:    <a href="/misc/goto?guid=4958201407436679980" target="_blank">http://www.longtailvideo.com/players/</a>    <br />    <h2>5.LeanBack Player : With Subtitle Support</h2>    <p><img class="aligncenter size-full wp-image-3049" title="LeanBack Player" alt="" src="https://simg.open-open.com/show/9835953def7445271995fc96163961b1.jpg" width="510" height="322" /></p>    <p>LeanBack Player是一个开源的HTML5视频播放器,没有依赖任何JavaScript框架。支持全屏播放,音量控制,在同一个页面中播放多个视频。 LeanBack Player兼容大部分常用浏览器,当浏览器不支持HTML5时将自动切换成Flash版本的播放器。 <br /> <br /> 项目地址:<a href="/misc/goto?guid=4958201408176373614" target="_blank">http://leanbackplayer.com/</a></p>    <h2>6. Flare Video</h2>    <p><img class="aligncenter size-full wp-image-3046" title="Flare Video" alt="" src="https://simg.open-open.com/show/b49e673c2035c2a7cd6119a56c57dce0.jpg" width="510" height="336" /></p>    <p>Flare video 是一个开源的 HTML5 视频播放器,会自动判断浏览器是否支持 HTML5 ,如果不支持则使用 Flash 技术播放。Flare video 可通过 CSS/HTML/JS 进行功能和界面的定制,支持全屏播放。<br /> <br /> 项目地址:<a href="/misc/goto?guid=4958201408916945501" target="_blank">http://flarevideo.com/</a></p>