网站首页 » 前端开发 » HTML5 » HTML5视频(Video)和音频(Audio)类库jplayer
上一篇:
下一篇:

HTML5视频(Video)和音频(Audio)类库jplayer

jplayer是什么

jPlayer 是一个通过JavaScript编写的,完全免费的且开源的媒体库。他是一个jQuery插件,jPlayer可以让你在网页上方便快捷地运用跨平台的 audio和video。jPlayer有着全面的API,为你在创建一些有创意的新媒体解决方案提供了可能。这些API由活跃的,在慢慢成长的 jPlayer社区提供支持。

HTML5视频(Video)和音频(Audio)类库jplayer

为什么选择jPlayer

1.易用,部署只是分分钟的事。
2.可以通过HTML和CSS实现完全定制和换肤。
3.轻量级-压缩后只有14KB
4.免费开源,无许可限制
5.由活跃且在不断成长的社区提供支持
6.可用于流行平台的免费插件
7.广泛的平台支持-多编解码器,跨浏览器和跨平台
8.全面的文档和入门指南
9.在所有浏览器上有着一致的API和接口HTML5或者Adobe® Flash™
10.可扩展的框架

平台和浏览器支持

Windows: Chrome, Firefox, Internet Explorer, Safari, Opera
Windows (legacy): IE6, IE7, IE8, IE9, IE10, IE11
OSX: Safari, Firefox, Chrome, Opera
iOS: Mobile Safari: iPad, iPhone, iPod Touch
Android: Android 2.3 Browser
Blackberry: OS 7 Phone Browser, PlayBook Browser

支持的媒体格式

HTML5: mp3, mp4 (AAC/H.264), ogg (Vorbis/Theora), webm (Vorbis/VP8), wav
Flash: mp3, mp4 (AAC/H.264), rtmp, flv

如何使用

JavaScript 代码

<script type="text/javascript">
$(document).ready(function(){
$("#jquery_jplayer_1").jPlayer({
ready: function () {
$(this).jPlayer("setMedia", {
m4a: "/media/mysound.mp4",
oga: "/media/mysound.ogg"
});
},
swfPath: "/js",
supplied: "m4a, oga"
});
});
</script>

HTML代码

<div id="jquery_jplayer_1"></div>
<div id="jp_container_1">
<a href="#" class="jp-play">Play</a>
<a href="#" class="jp-pause">Pause</a>
</div>

展现形式

1.普通的视频播放器
2.普通的音频播放器
3.圆形的音频播放器
4.视频 / 音频播放列表
5.多实例调用
6.基于文字的播放器
7.基于jQuery UI的播放器
8.可用于播放远程资源
9.jPlayer播放器结合Popcorn插件

相关资料

官方网站: http://www.jplayer.org/

官方DEMOS: http://www.jplayer.org/latest/demos/

  • 微信扫一扫,赏我

  • 支付宝扫一扫,赏我

声明

原创文章,不经本站同意,不得以任何形式转载,如有不便,请多多包涵!

本文永久链接:http://yunkus.com/jplayer-plugin-usage/

发表评论

电子邮件地址不会被公开。 必填项已用*标注

评论 END