用html5实现一个播放器,6 个基于 HTML5 实现的多媒体播放器

是 HTML5 中新增的标签，可用于在网页中嵌入视频播放功能，无需 Flash 和其他嵌入插件的支持。但是HTML5目前只有Firefox、Safari、Chrome、Opera、IE9以上支持。此外为了能够播放视频至少需要转换成两种视频格式包括：h.264 (Safari / Chrome) 与 Ogg (Firefox / Opera) 。

本文介绍6 款使用 HTML5 技术实现的在线多媒体播放器。

1. Open Standard Media (OSM ) Player

OSM Player是一个基于jQuery开发、开源的HTML5多媒体播放器。当浏览器不支持HTML5时，可以转成Flash。提供播放列表，播放列表可以隐藏，支持视频全屏播放。

项目地址：

2. HTML5 Video & Js Library

Kaltura 是一款基于 Flash 技术的在线视频编辑工具。除了具备同类工具的应用特性之外，最主要的，还是能支持多人协作编辑，这一点特性可能今后将会被更多的在线视频编辑工具所使用。此外，Kaltura 上处理的视频媒体可以通过网页内嵌代码输出到 Blog 或者个人网页上。

项目地址：

3. HTML5 Media

HTML5在音频和视频方面确实强大并易于使用，然而旧版本的浏览器并不支持，而且对于支持HTML5的浏览器在支持多媒体格式上也各不一样。

html5media是一个JavaScript音频/视频播放器能够让每一个浏览器都能够播放在HTML5多媒体标签中定义的多媒体文件。

对于不兼容的浏览器，该播放将采用支持Flash的FlowPlayer播放器来代替。

项目地址：

4. JW Player for HTML5

JW FLV MEDIA PLAYER是一个开源的在网页上使用的Flash视频、音频以及图片播放器，支持 Sliverlight 播放，可以通过一个XML文件使播放器自动切换显示一组图片，并播放背景音乐。

项目地址：

5.LeanBack Player : With Subtitle Support

LeanBack Player是一个开源的HTML5视频播放器,没有依赖任何JavaScript框架。支持全屏播放，音量控制，在同一个页面中播放多个视频。 LeanBack Player兼容大部分常用浏览器，当浏览器不支持HTML5时将自动切换成Flash版本的播放器。

项目地址：

6. Flare Video

Flare video 是一个开源的 HTML5 视频播放器，会自动判断浏览器是否支持 HTML5 ，如果不支持则使用 Flash 技术播放。Flare video 可通过 CSS/HTML/JS 进行功能和界面的定制，支持全屏播放。

项目地址：

英文原文：

文章转载请注明来源。新辉网主页 > 网页基础 > HTML >

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

地址：http://www.a55.com.cn/a/8410.html

关键词：html5, 播放器,web,Web前端

用html5实现一个播放器,6 个基于 HTML5 实现的多媒体播放器相关推荐

基于QT开发的多媒体播放器
基于QT开发的多媒体播放器描述: 使用QT软件设计一个多媒体播放器,实现视频及音乐的播放,暂停,快进,快退,音量的调整. 歌词的实时显示和视频全屏播放等基本功能. 功能: 1.音乐系统:提供播放.暂 ...
html5的在线播放页面,整理5款html5网页播放器，总有一款适合你吧
整理了5款html5网页播放器,总有一款适合你吧. 酷播云HTML5倍速功能视频播放器介绍: 重要提示:本播放器为酷播云在线产品,用户可以免费注册使用,下载包仅提供代码使用示例及演示,并非播放器的下 ...
html代码多媒体播放器,6 个基于 HTML5 实现的多媒体播放器
是 HTML5 中新增的标签,可用于在网页中嵌入视频播放功能,无需 Flash 和其他嵌入插件的支持.但是HTML5目前只有Firefox.Safari.Chrome.Opera.IE9以上支持.此外 ...
Android媒体播放器设计,基于Android平台的多媒体播放器设计与开发.pdf
计算机时代2015年第4期 ·29· 刘爱民 (玉林师范学院教育技术中心,广西玉林537000) 放器虽然有多种选择,却多是华而不实,操作复杂.为此设计并开发了基于Android平台的简单易用多媒体播 ...
基于html5的数据可视化实现方法研究,基于HTML5的数据可视化实现方法研究
信息科技 Information Technology 基于HTML5的数据可视化实现方法研究高科同济大学电子与信息学院,上海 201804摘要 HTML5的出现,为数据可视化提供了新的实现方法.本 ...
java实现多媒体播放器_Java swing实现简单的视频多媒体播放器源码附带视频指导运行教程...
<p> <span style="font-family:微软雅黑;font-size:19px;color:#666666;background-color:#FFFFF ...
html5让字以打字形式出现,基于 HTML5的打字练习系统设计与实现
基于 HTML5的打字练习系统设计与实现朱红艳广西大学行健文理学院广西南宁 530001 [摘要]随着Internet的迅速增长.手机的普及,现代大学生疏于电脑端打字的练习,导致打字输入速度 ...
基于html5的矢量图绘制方法研究,基于HTML5和WebGL的三维地形可视化方法研究
摘要: 近年来地理信息的需求急速增长,越来越多的GIS应用走向网页化.移动化.WebGIS应用也在逐渐从二维层面向三维层面发展,三维地形可视化是三维GIS的基础,基于Web的三维地形可视化也成为新的研 ...
HTML5 JS录音功能,简单介绍recorder.js 基于Html5录音功能的实现
这篇文章主要介绍了recorder.js 基于Html5录音功能的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧 recor ...

用html5实现一个播放器,6 个基于 HTML5 实现的多媒体播放器

用html5实现一个播放器,6 个基于 HTML5 实现的多媒体播放器相关推荐

最新文章

热门文章