资讯频道 → Web前端
阅读更多

5顶
0踩

Web前端

转载新闻 6 个基于 HTML5 实现的多媒体播放器

2011-11-28 09:20 by 资深记者 jforever 评论(2) 有14097人浏览
html5 播放器

<video> 是 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。提供播放列表，播放列表可以隐藏，支持视频全屏播放。


项目地址：http://www.mediafront.org/project/osmplayer

 

2. HTML5 Video & Js Library

 

 

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

 

项目地址：http://corp.kaltura.com/

3. HTML5 Media

 


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

 

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

 

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

 

项目地址：http://skytechgeek.com/2011/11/top-html5-media-players-for-your-next-website-project/

 

 

4. JW Player for HTML5

 

 

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

 

项目地址：http://www.longtailvideo.com/players/

5.LeanBack Player : With Subtitle Support

 

 

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

项目地址：http://leanbackplayer.com/

 

6. Flare Video

 

 

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

项目地址：http://flarevideo.com/

 

 

英文原文：http://skytechgeek.com/2011/11/top-html5-media-players-for-your-next-website-project/

  • 大小: 36.7 KB
  • 大小: 35.9 KB
  • 大小: 46.8 KB
  • 大小: 42.8 KB
  • 大小: 33.2 KB
  • 大小: 43.5 KB
来自: OPEN资讯
5
顶
0
踩
评论 共 2 条 请登录后发表评论
2 楼 paramore 2011-11-28 15:40
cool html5UI真不错
1 楼 lioncin 2011-11-28 11:00
没有JPlayer 你说个JJ

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • zyMedia是掌阅科技开源的一款基于HTML5的多媒体播放器

    zyMedia是掌阅科技开源的一款基于HTML5的、轻量级的、实现移动端全平台统一UI的多媒体播放器，该播放器已经在千万级设备上适配使用

  • Authorization and Profile Application Block 1.0研究总结

     By BenAuthorization and Profile Application Block 1.0研究报告1.  课题简介利用WindowsPrincipal或GenericPrincipal可以实现验证授权. 但权限只能分到角色. 利用Authorization and Profile Application Block 1.0 不仅有效实现权限分配到角色, 更能分

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

    是 HTML5 中新增的标签，可用于在网页中嵌入视频播放功能，无需 Flash 和其他嵌入插件的支持。但是HTML5目前只有Firefox、Safari、Chrome、Opera、IE9以上支持。...本文介绍6 款使用 HTML5 技术实现的在线多媒体...

  • 主流浏览器上HTML5多媒体播放器的实现以及加速方式

    浏览器内核主要浏览器实现其他实现(部分双内核)midori,QQ浏览器(极速模式),遨游,搜狗，operaGeckoBlinkOpera,360浏览器，猎豹浏览器，operaTrident世界之窗(theworld),360浏览器,猎豹浏览器，百度浏览器，QQ浏览器...

  • web html5音乐播放器设计与实现,基于HTML5技术的音乐播放器的设计与实现

    Vol.33No.11Nov.2017赤峰学院学报(自然科学版)Journal of Chifeng University (Natural Science Edition )第33卷第11期(下)2017年11月基于HTML5技术的音乐播放器的设计与实现常志强,刘正余,杨劲楠(皖西学院电子与...

  • html音乐播放器论文,基于HTML5技术的音乐播放器的设计与实现.docx

    基于HTML5技术的音乐播放器的设计与 实现常志强刘正余杨劲楠皖西学院电子与信息工程学院摘要：本文采用IITML5技术，设计了一款音乐播放器，可以实现在线播放音乐，也可 以加载终端里存储的音乐文件?有效地减少了用户...

  • html实现音乐界面设计,基于HTML5技术的音乐播放器的设计与实现.doc

    基于HTML5技术的音乐播放器的设计与实现基于HTML5技术的音乐播放器的设计与实现常志强 刘正余 杨劲楠皖西学院电子与信息工程学院X关注成功！加关注后您将方便地在 我的关注中得到本文献的被引频次变化的通知！新浪...

  • Android Studio实现多媒体播放器，音乐视频一体化

    本次项目综合了Android几乎所有知识，可以让大家熟练掌握Android程序开发的基本技术，涉及Android 基础知识、UI界面、数据存储、四大组件、网络编程、高级编程、多媒体播放器、适配器配置等。大家熟练掌握可以对以后...

  • php实例视频播放代码,[h5]一个基于HTML5实现的视频播放器代码详解

    最好的 HTML 解决方法HTML 5 + + 上例中使用了 4 中不同的视频格式。HTML 5 元素会尝试播放以 mp4、ogg 或 webm 格式中的一种来播放视频。如果均失败，则回退到 元素。问题您必须把视频转换为很多不同的格式 元素...

  • 网站html5 播放器设计与实现,嵌入式浏览器HTML5媒体播放的设计与实现

    摘要：随着计算机行业的快速发展,W3C组织提出了HTML5新标准,HTML5提出的新特性为网页开发者带来了许多便利。例如,网页开发者可以直接利用表单元素进行相关输入的验证,可以进行离线缓存,地理定位等,尤其是其提供的...

  • ch06HTML5媒体API项目.rar

    本次实验主要包含了两个基于HTML5媒体API的应用设计实例，一是基于HTML5音频API的音乐播放器的设计与实现，二是基于HTML5视频API的在线教学视频的设计与实现。要求做基于HTML5音频API的音乐播放器的设计与实现，基于...

  • ubuntu18.04 编译Firefox以及HTML5多媒体框架简要分析

    测试HTML5 Video标签播放器： FireFox上的多媒体框架 1.打开mozilla-unified/media/ffvpx/libavutil/hwcontext.c文件，可以看到const HWContextType类型的hw_table数组的定义，在这个数组里面，定义了硬解加速API的...

  • html5 流媒体 原理,基于HTML5的FLV流媒体播放技术的研究与实现

    摘要：随着信息技术的不断发展,互联网相关服务与产品逐步融入了人们生产生活的方方面面。其中,以网络直播和短视频播放为代表的流媒体播放服务正逐步成为人们...本文通过分析传统流媒体播放技术方案的不足,结合HTML5...

  • 大学本科基于html5毕业设计题目50例

    大学本科基于html5毕业设计题目50例，该基于html5毕业设计题目包含了：基于HTML5+WebRTC的农业专家在线教学系统的设计与实现，基于HTML5移动平台的矿井提升机设计系统，基于HTML5的WebGIS实时客户端设计，基于...

  • html5中video解码原理,HTML5 Video 实现浅析

    HTML5 Video实现浅析——基于android4.1browser1. 基本结构先上一张基本结构图，图中展示了webkit中与HTML5 Video实现相关的一些类。1.1DOM TreeVideo标签在webkit内部对应于HTMLVideoElement类，该类的功能并不多，...

  • 基于vue+html的Web网页音乐播放器设计

    摘要 在互联网高速发展的今天，网络已成为人们生活的一部分，多媒体技术也越来越受到人们的重视。本次设计对目前使用较多的音乐播放器作出较...本文主要介绍一个基于vue+vue-cli+vue利用技术html+css+js、和visual stu

  • web音视频播放器（html5）方案总结

    webRTC，详解web音视频播放器在前端的体现，各种协议和方案对比，帮助大家更加了解H5音视频播放器的相关知识！

  • MATLAB实现多种群遗传算法(完整代码)

    1.程序功能说明： MATLAB实现多种群遗传算法(完整代码) 逼近C=[9,8,7,6,5,4,3,2,1]的9维向量. 2.代码说明：注释清晰，参数和变量说明清晰，方便更改、方便初学者使用，模块化编程，方便替换目标函数。运行环境Windows7及以上操作系统，MATLAB2014a及以上版本。 3.适用专业：计算机、电子信息工程、数学、物理、机械工程、土木工程等专业的大学生、研究生毕业设计，各类专业的课程设计、海外留学生作业等。 4作者介绍：资深算法工程师, 从事Matlab、Python算法仿真工作15年，专业研究遗传算法、粒子群算法、蚁群算法、鲸鱼算法、狼群算法等. 有问题联系QQ: 1579325979

  • 小区物业管理系统 免费JAVA毕业设计 2024成品源码+论文+数据库+启动教程.zip

    免费JAVA毕业设计 2024成品源码+论文+数据库+启动教程 启动教程：https://www.bilibili.com/video/BV1SzbFe7EGZ 项目讲解视频：https://www.bilibili.com/video/BV1Tb421n72S 二次开发教程：https://www.bilibili.com/video/BV18i421i7Dx

  • 前后端分离爱家商城 免费JAVA毕业设计 2024成品源码+论文+录屏+启动教程.zip

    免费JAVA毕业设计 2024成品源码+论文+录屏+启动教程 启动教程：https://www.bilibili.com/video/BV1SzbFe7EGZ 项目讲解视频：https://www.bilibili.com/video/BV1Tb421n72S 二次开发教程：https://www.bilibili.com/video/BV18i421i7Dx

Global site tag (gtag.js) - Google Analytics