`
ialy_2000
  • 浏览: 33347 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

jPlayer - 一个HTML5音频/视频媒体库

阅读更多

 

jPlayer是 用JavaScript编写并完全免费和开放源码( GPL/MIT )的媒体库,一个jQuery插件,jPlayer让您迅速编写跨平台的音频和视频到您的网页。 jPlayer广泛的API允许您创建创新的媒体解决方案,而且jPlayer的活跃和成长社区提供了支持和鼓励。

 

jPlayer简介

  • 容易上手,在几分钟内部署
  • 完全定制和可使用HTML和CSS换肤
  • 轻便 - 缩小和gzip压缩后只有8KB
  • 自由和开放源码,没有许可限制
  • 活跃和不断成长的社区提供支持
  • 免费的插件,可用于流行的平台
  • 广泛的平台支持 - 多编解码器,跨浏览器和跨平台
  • 全面的文档和入门指南
  • 在所有浏览器一致的API和接口,HTML5或Adobe Flash的
  • 可扩展的架构

Fiddle with the code

 

 

Js代码 
  1. $(document).ready(function(){  
  2.  $("#jquery_jplayer_1").jPlayer({  
  3.   ready: function () {  
  4.    $(this).jPlayer("setMedia", {  
  5.     m4a: "/media/mysound.mp4",  
  6.     oga: "/media/mysound.ogg"  
  7.    });  
  8.   },  
  9.   swfPath: "/js",  
  10.   supplied: "m4a, oga"  
  11.  });  
  12. });  
  13.    
  14. <div id="jquery_jplayer_1"></div>  
  15. <div id="jp_interface_1">  
  16.  <a href="#" class="jp-play">Play</a>  
  17.  <a href="#" class="jp-pause">Pause</a>  
  18. </div>  
 

 

平台和浏览器支持

  • Windows: Firefox, Chrome, Opera, Safari, IE6, IE7, IE8, IE9
  • OSX: Safari, Firefox, Chrome, Opera
  • iOS: Mobile Safari: iPad, iPhone, iPod Touch
  • Android: Android 2.3 Browser
  • Blackberry: OS 7 Phone Browser, PlayBook Browser

full browser support on Firefox, Chrome, Opera, Safari, IE6, IE7, IE8, IE9 betafull IOS and Android support

媒体格式支持

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

为跨浏览器支持,必须提供能用于HTML5和Flash的格式可提供可选的附加格式,增加跨浏览器HTML5支持。.

 

 原创编译:IT瘾      原文链接

0
0
分享到:
评论

相关推荐

    jPlayer-2.5.4完整版

    **jPlayer-2.5.4完整版**是一款基于JavaScript的开源HTML5音频和视频播放器,它在Web开发领域中被广泛使用,为开发者提供了一种优雅的方式,以跨平台、多浏览器的方式处理多媒体内容。这个版本包含了完整的源代码、...

    jPlayer-2.9.2.zip_-baijiahao_dist/jplayer_jplayer_jplayer swf_j

    总的来说,jPlayer是一个强大且灵活的多媒体播放解决方案,适合那些希望在网站上提供高质量音频和视频播放体验的开发者。通过学习和使用jPlayer,开发者不仅可以提升网页媒体播放的用户体验,还能深入理解和应用...

    jPlayer-2.9.1播放器demo

    jPlayer是一款基于JavaScript和HTML5的开源音频和视频播放器库,它为开发者提供了在网页上实现多媒体播放的强大工具。jPlayer 2.9.1是该库的一个版本,它包含了丰富的功能和自定义选项,使其能够适应各种项目需求。...

    jPlayer-2.9.2.tar.gz_jplayer

    jPlayer 2.9.2 版本是一个强大的 HTML5 播放器解决方案,具备多格式支持、响应式设计、丰富的 API 等特性,让开发者可以轻松地在网页上实现高质量的音频和视频播放功能。无论你是个人开发者还是专业团队,jPlayer 都...

    jPlayer基于HTML5/Flash的音频、视频播放器

    jPlayer是一款强大的开源JavaScript库,专为构建跨平台、跨浏览器的音频和视频播放器而设计。它利用了现代浏览器的HTML5技术,并且在不支持HTML5的环境中无缝回退到Flash技术,确保了广泛的兼容性。这一特性使得...

    JPlayer-WEB.rar_jplayer_jplayer使用实例

    JPlayer是一个强大而灵活的JavaScript音频和视频播放器,它通过简单的API和丰富的插件生态系统,为开发者提供了构建网页多媒体功能的便利工具。通过上述的使用实例,我们可以了解到如何快速集成JPlayer到网页中,...

    jplayer_2.9.2_demo

    - 媒体库:用于展示和播放多段音频或视频的媒体库应用。 - 教育资源:教育平台可以使用jPlayer为教学材料提供音频支持。 总之,`jplayer_2.9.2_demo` 提供了一个强大而灵活的工具,让开发者能够快速构建具有专业...

    jPlayer 基于HTML5/Flash的音频、视频播放器

    jPlayer是一个JavaScript写的完全免费和开源 (MIT) 的jQuery多媒体库插件 (现在也是一个Zepto插件) jPlayer可以让你迅速编写一个跨平台的支持音频和视频播放的网页. jPlayer的丰富API可以让你创建一个个性化多媒体...

    jplayer+html5实现的播放器

    jPlayer是一个基于jQuery的开源项目,它提供了一个美观且可高度定制的HTML5音频和视频播放器框架。jPlayer提供了丰富的API和事件,允许开发者轻松实现各种功能,如播放、暂停、前进、后退、改变音量、加载和播放不同...

    jPlayer-带音乐播放功能的jquery幻灯片插件

    jPlayer是一款强大的JavaScript库,它专为在网页上实现高质量的音频和视频播放而设计。这个插件利用jQuery的灵活性和广泛支持,使得开发者能够轻松地添加多媒体播放功能到他们的网站上。在描述中提到的,jPlayer被...

    jplayer视频播放

    JPlayer是一款强大的JavaScript库,专门用于在网页上实现多媒体播放功能,包括音频和视频。它基于HTML5技术,同时支持Flash回退,确保在不支持HTML5的浏览器中也能正常工作。本篇文章将深入探讨如何使用JPlayer来...

    jplayer-htm5:html5中的自定义播放器

    标题“jplayer-htm5:html5中的自定义播放器”指的是一个基于HTML5技术的开源项目,它允许开发者创建具有自定义界面和功能的多媒体播放器。在这个项目中,播放器的控制按钮被替换为使用了Font Awesome字体库的图标,...

    jPlayer as an audio player

    总的来说,jPlayer作为一个强大的音频播放器,结合HTML5和JavaScript技术,为网页媒体播放提供了灵活、可定制的解决方案。通过深入理解和应用,开发者可以创建出符合自己需求的个性化媒体播放功能。

    jPlayer播放Demp(MP3)

    jPlayer是一款开源的JavaScript音频和视频播放器,它基于HTML5技术,同时提供了对Flash的回退支持,确保在不支持HTML5的浏览器中也能正常工作。jPlayer允许开发者轻松地在网站上实现多媒体内容的播放,提供了丰富的...

    HTML5实现音视频播放器

    总的来说,这个项目涵盖了HTML5媒体元素的使用、CSS3样式设计、JavaScript编程以及用户体验优化等多个核心技能,展示了如何构建一个功能完备且用户友好的网页音视频播放器。通过深入理解和实践这些技术,开发者可以...

    jplayer demo jplayer例子

    JPlayer 是一个强大的JavaScript库,专门用于在网页上实现高质量的音频和视频播放功能。作为一个开源项目,JPlayer 支持多种浏览器,包括IE、Firefox 和 Chrome,确保了广泛的用户兼容性。在描述中的"jplayer demo...

    jPlayer详细使用说明及完整demo

    jPlayer 是一个开源的 JavaScript 播放器,它使得在网页上嵌入音频和视频内容变得简单而直观。这款播放器支持多种媒体格式,包括 MP3、WAV、WebM 和 Ogg,同时也兼容 HTML5 和 Flash 技术,以确保在各种浏览器和设备...

    前端项目-jplayer.zip

    **前端项目-jplayer.zip** 是一个包含 **jPlayer** 的前端开发资源包,它是一个基于 jQuery 的 HTML5 音频和视频库。jPlayer 旨在为开发者提供一个跨浏览器的解决方案,以创建具有统一界面和用户体验的媒体播放器。...

    jQuery jplayer支持格式的视频播放器代码

    - 创建一个HTML元素(通常是`&lt;div&gt;`)作为jPlayer的容器,并赋予特定的class,例如`.jp-jplayer`。 - 初始化jPlayer,指定播放媒体的源、皮肤样式和其他选项。这通常通过JavaScript进行。 4. **主要功能** - **...

    jPlayerjQuery的HTML5音频和视频播放器

    jPlayer利用HTML5的`&lt;audio&gt;`和`&lt;video&gt;`标签,实现了对多种媒体格式的支持,包括MP3、WAV、Ogg、WebM等音频格式以及MP4、WebM、Ogg等视频格式。这样,无论用户使用的是哪种浏览器,都能享受到流畅的媒体播放体验。 ...

Global site tag (gtag.js) - Google Analytics