Total Pageviews

Thursday, 19 October 2017

6个基于 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/
------------

9款开源在线视频播放器


9 Free Open Source embeddable Video Players，在现在网络中比较流行在线视频播放器，比如优酷、土豆、酷六、六间房、腾讯等都自带有在线视频播放的功能。
今天我就目前收集到的9个开源视频播放器与大家一起分享。

1. Vcastr 3.0 – flash video(flv) player (开源 Open Source)

这是一款国内开发的在线视频播放器，值得首先推荐。在财经网中得到应用。
特点：
  • 使用as3.0重新写了播放器
  • 可以设置循环播放，自动播放，是否直接开始下载，控制栏的颜色和模式
  • 控制栏可以适应超小的尺寸
  • 播放器大小缩小,在20+k左右
  • 可以通过xml对播放器设置
  • 可以播放多个影片，并且有影片列表
  • 可以使用插件扩充播放器的功能
  • 可以用插件设置logo及连接
  • 可以用插件来用javascript控制播放器

2. JW Player The Web’s top video player. Now with HTML5 support.

The JW Player™ is JW Player for Flash Version 5 and for Flash is the Internet’s most popular and flexible media player. It supports playback of any format the Adobe Flash Player can handle, as well as HTTP and RTMP streaming and various XML playlist formats. A wide range of configuration options can be set, and an extensive JavaScript API is available. The player’s skinning functionality allows you to completely customize its look, and the plugin architecture allows you to easily extend the player with features such as sharing, analytics and ad serving.
The JW Player’s source code is freely available and can be built entirely using free and open-source software.

3. Flowplayer – Flash Video Player for the Web

flowplayer的是一个开源（GPL3）视频播放器的网站。它经常被网站所有者，开发商，爱好者，企业，程序员所使用。
官方网址：http://flowplayer.org/

4. f4Player :: Open Source Flash Video Player (FLV, F4V, MP4)

f4Player是一个开源的Flash（AS3）视频播放器和库项目。它是如此之小只有13kb，完全免费的LGPL许可。
特点：
  • 免费，小，快，可定制和互联网上最好的FLV播放器！
官方网址：http://f4player.org/

5. Open Standard Media (OSM) Player

With the onset of HTML5, there is a dramatic paradigm shift in the wake for online media content delivery. For well over 6 years, this industry has been dominated by the proprietary Adobe Flash Player, which has been used to deliver high quality media to audiences far and wide. This reign is coming to a dramatic end as new Open Standard technology takes its place. Yes, HTML5 is here, and we present to you the Open Standard Media (OSM) Player!
官方还提供有drupal的视频模块开源下载。

 

6. OSFlvPlayer The Open Source, Embeddable FLV Player

这是一款超简单的基于flash的FLV视频播放器。OSFlvPlayer是一个开源的，Flash嵌入式播放器。该播放器提供了可在嵌入代码大量更改的选项。还提供了由JavaScript编写的一个自动生成代码，PHP的函数库等功能，完全开放的源代码！
官方网址：http://www.osflv.com/

7. Projekktor Zwei – Free HTML5 video player

Projekktor是一个自由，开源（GPL）的基于HTML5的由Javascript写的视频播放器。它解决了跨浏览器和兼容性问题，提供了极其强大的非标功能。

8. Jaris  Flash Video Player

Jaris是一个Flash视频和音频播放器，可用于haxe自由发展。它是开源的，并已在其他商业公司找到了最重要的基本特征。
Features：
  • Aspect ratio switcher
  • Fullscreen support
  • H.264 playback support
  • Http pseudostreaming support
  • RTMP streaming support
  • Youtube player api support
  • Poster image
  • Use your own logo with link
  • Hide controls on fullscreen
  • Custom control colors
  • Hardware scaling
  • Keyboard shortcuts
  • Javascript interface to control the player
  • and many more…

9. FLV Player

FLV Player – Play your web movies, is an open source, free and customizable FLV player to play flash movies. It has 5 different versions that lets you only use a “play button” on player. Here are the versions mini, normal, maxi, multi, js.
官方网址：http://flv-player.net/
这是目前总结的最全面的、市场上仅有的开源、免费使用的在线flv视频播放器。
您在使用过程中请适当选择.
---------------

HTML5在线视频播放解决方案


jPlayer 其实说实在的，jPlayer可以说是一个媒体播放器框架了，因为有一些播放器就是基于jPlayer来写的。它不仅可以播放音频，也能播放视频，而且还有很不错的皮肤哦，相信这也是HT…
其实说实在的，jPlayer可以说是一个媒体播放器框架了，因为有一些播放器就是基于jPlayer来写的。它不仅可以播放音频，也能播放视频，而且还有很不错的皮肤哦，相信这也是HTML5的魅力。强力推荐啊！
开源，我们可以利用VideoJS的源码将它应用到自己的程序中，并且可以修改其源码，但要遵循开源协议。 轻量级；没有使用图片；完全可以用CSS定制播放器的外观；不依赖其他脚本库。 使用非常简单，不仅使用简单，扩展也非常简单。 在各个浏览器之间有统一的外观， 支持全屏播放， 可以控制音量，遇到不支持HTML5的浏览器可以转换成FLASH来播放。
其实就是jPlayer的一个变种，一个富有个性化的环形音频播放器，chrome下效果最好.
开源，免费 。使用目前最流行的jQuery框架写的，动态HTML5内容交付，支持多种常用的音频和视频格式。遇到非标准媒体自动使用flash来播放，使用ThemeRoller可以方便地定制皮肤，与Vimeo和YouTube无缝集成，支持播放列表，播放器之间实现通信.
----------------------------------------
15 Best Free HTML5 Video and Audio Players for Your Website


HTML5 Video Players

jPlayer
Based on jquery, it is one of the best Audio/Video Player available; it helps you easily integrate cross platform audio/video in your website. It’s completely free and has fairly good interface and easy to integrate.

VideoJs
Lightweight, Skinable and Easy to Use Video/Audio Player. Completely free and have been coded into wordpress plugin,joomla extension, drupal plugin, so if you are using any one of them it will be very easy to integrate.

OSM (Open Standard Media Player)
As the name suggests its open source and has a nice scrolling playlist support. It is not yet integrated in WordPress, Joomla, Drupal but site is saying its coming soon. It also has inbuilt support to deliver Vimeo, Youtube Videos.

Lean Back Player
Good HTML5 Player with Multiple subtitle support, logo overlay, and Video Size Selection Support. Completely Free and have ability to handle more than one video element in single page. Also comes with inbuilt keyboard Shortcuts!

Fry Player
Free to Use, Jquery based player with skinning support, buffering and fullscreen and shortcuts support. It’s very easy to integrate and is good looking.

MooPlay
Mootools based player,  easy to integrate with subtitle support. Subtitles are loaded via ajax request and synced on fly. It also has a loading progress bar.

Projekktor
projector 
Advertisement support, playlists, and flash fall back with rtmp support. It has support for Youtube and is easy to integrate and theme.

JW Player
Skinnable and configurable player built around HTML5 tag. It seamlessly fallback to JW player for Flash. Supports , H.264/H.263, VP6/8.

Kolor Eyes
360 spherical video.  Zoom in, Zoom Out, Change angle capture snapshots and share them. Its kind of a copy of Google street view.

There are many other HTML5 video players and also DIY tutorials where you can code your own player, but the above players are the one of the best selections from them.


HTML5 Audio Players

The video list also contains some players with support of audio but below are some players which specifically support audio.

Mootools HTML5 audio Player
Great looking mootools based audio player with playlist support. It automatically detects audio  format browser supports and uses appropriate format.

Speakker
Speakker The new way of audio 1307347043047 15 Best Free HTML5 Video and Audio Players for Your Website
Superb looking, with flash fallback, customizable looks, and come with artist info links. Two versions of the player is available.

Audio.js
Easy to integrate, Free, with flash fallback support. Just add the JS in the head and you’re done.

Zen Audio Player
Single songs HTML 5 Player powered by jPlayer, styles and animated using CSS3. I especially like the looks of the player.

HTML5Rocks Audio Player
Single songs HTML 5 Player with flash fallback support.
Posted by at
Labels:

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)