jPlayer

jPlayer中文学习、交流平台

jPlayer 演示程序

亲手尝试教程1:jPlayer音频播放器

jPlayer作一个音频播放器

学习这个实例最好的方式就是打开它,点击右键,查看源代码,然后分析它的代码,这个实例我给出来js 代码中的中文注释,如果你想定制更多的功能除了参考本站的文档之外,还可以阅读jplayer的js 源码。也不是想象中的那么难。

这个演示程序使用jPlayer和HTML以及CSS一起创建了一个视频播放器。

你可以把这个文件http://jplayer.cn/demos/skin/pink.flag/jplayer.pink.flag.css下载下来,然后自行修改界面的样式,做成你喜欢的风格。

提供的多媒体文件格式是M4A 和 OGA,你还可以根据你需要兼容的浏览器选择你自己的多媒体格式组合。

如果有任何好的建议别忘了发邮件给我们。

jPlayer作一个视频播放器

jPlayer作一个视频播放器

这个演示程序使用jPlayer和HTML以及CSS一起创建了一个视频播放器。

你可以轻易的自定义它的样子,使它搭配你网页的颜色和风格。

这个演示程序在可能的情况下使用HTML解决方案,否则的话使用Flash解决方案。提供的多媒体文件格式是WebMv,OGV 和 M4V。

程序变量: {solution:"flash, html"} : {supplied:"m4v"} : {supplied:"rtmpv"}

jPlayer作一个音频播放器

jPlayer作一个音频播放器

这个演示程序使用jPlayer和HTML以及CSS一起创建了一个视频播放器。

你可以轻易的自定义它的样子,使它搭配你网页的颜色和风格。

这个演示程序在可能的情况下使用HTML解决方案,否则的话使用Flash解决方案。提供的多媒体文件格式是M4A 和 OGA.

程序变量:{solution:"flash, html"} : {supplied:"mp3"}

jPlayer圆形播放器

jPlayer circle player

这个演示程序使用jPlayer和HTML以及CSS一起创建了一个播放音频的圆形播放器。

播放的时候播放进度以圆圈外面的绿环表示。如果有缓冲信息,白环表示下载进度。

jPlayer作一个播放列表播放器

jPlayer as a video playlist player

这个演示程序使用jPlayer HTML CSS 还有增加播放列表功能的JS代码创建了一个音频视频播放器。

你可以轻易自定义它的样子,使它搭配你网页的颜色和风格。

这个演示程序在可能的情况下使用HTML解决方案,否则的话使用Flash解决方案。提供的视频多媒体文件格式是WebMv,OGV和M4V,音频多媒体文件格式是OGA和MP3。

这个播放列表对象可以增加一个可选的{free:true}属性让多媒体文件通过右键点击选中。(Mac上是Ctrl+click)

程序变量:Audio Playlist : Multi Instanced Video and Audio Playlists

实验:Media Playlist : Media Playlist {solution:"flash, html"}

播放列表插件文档:jPlayerPlaylist Guide

多实例的jPlayer

多实例的jPlayer

在这个演示程序中,jPlayer在页面中的三个地方被初始化了,它演示了如何在同一个页面中使用多个jPlayer实例。

这个演示程序在可能的情况下使用HTML解决方案,否则的话使用Flash解决方案。提供的多媒体文件格式是:WebMv,OGV 和 M4V。

iOS4.2+ 限制每个实例的效果相互独立,必须要手势操作使其产生播放动作。比如,在iOS 4.2+ 上每个实例第一次播放的时候用户必须点击播放。

另外使用了事件处理器$.jPlayer.event.play来避免多个jPlayer一起播放。

程序变量:Multiple Audio jPlayers : Without pauseOther

基于文本的可切换频道的播放器

text based player with track switching

这个演示程序中,jPlayer用来创建一个简单的文本音频播放器。

HTML使用cssSelectorAncestor 和默认的cssSelector类名建立控制关联关系。事件处理器用来控制文本展示,允许播放状态和播放进度以文本形式显示。

这个演示程序在可能的情况下使用HTML解决方案,否则的话使用Flash解决方案。提供的多媒体文件格式是:MP3。

使用jQuery UI的jPlayer

使用jQuery UI的jPlayer

这个演示程序使用jQuery UI ThemeRoller组件,允许开发者通过自定义它们的样子和感觉。我们在程序中,控制播放进度和音量使用了Slider Widget,按钮使用了使用Framework Icon。

jPlayer作音频直播播放器

这个演示程序中,jPlayer用来创建一个音频直播播放器。

Icecast还有ShoutCast服务器为jPlayer提供MP3 或者 M4A (AAC)音频。

Popcorn jPlayer播放器插件

jPlayer as a video player

这个演示程序中,Popcorn和Popcorn jPlayer播放器插件,Popcorn 字幕插件还有普通的HTML,CSS一起用来创建一个视频播放器。

Popcorn字幕插件会在视频播放过程中展示字幕。

程序变量:{solution:"flash, html"}

jPlayer开发测试工具

这个开发工具用来测试不同的jPlayer方法的操作。它并不完美,无法在不修改并更新新页面时测试配置选项。