UbaPlayer

前端 多媒体
HTML5 音频播放器的 jQuery 插件, 以 Flash 作为后备
2018-10-30 我要评论 1 我要收藏

UbaPlayer 2.0.4

HTML5 音频播放器的 jQuery 插件,如果不支持 HTML5 则使用 Flash。

UbaPlayer 是一个简单的 jQuery 插件,能够在现代浏览器中播放本地音频,并且使用 Flash 作为备用。它在以下浏览器中被测试通过:

  • Mac (Chrome 10+, Safari 4+, Firefox 3.5+, Opera)
  • PC (Chrome 10+, Safari 4+, Firefox3.5+, Opera, IE6+)
  • iOS 3+ (Safari Mobile)
  • Android 2.2+ (Chrome, Firefox 4, Opera 11)

入门

下载 产品版本.

在你的 web 页面中:

<!-- 在 head 标签中 -->
<link rel="stylesheet" href="css/styles.css" />

<!--  在 body 标签的某个位置 -->
<div id="ubaplayer"></div>
<ul class="ubaplayer-controls">
    <li><a class="ubaplayer-button" href="media/foo.mp3">Foo</a></li>
</ul>

<!-- 在 body 标签结束位置的附近 -->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.ubaplayer.min.js"></script>
<script>
    $(function(){
        $("#ubaplayer").ubaPlayer();
    });
</script>

文档

配置选项 & 默认值

defaults: {
    audioButtonClass: 'ubaplayer-button',
    autoPlay: null,
    codecs: [{
        name: 'OGG',
        codec: 'audio/ogg; codecs="vorbis"'
    }, {
        name: 'MP3',
        codec: 'audio/mpeg'
    }],
    continuous: false,
    controlsClass: 'ubaplayer-controls',
    extension: null,
    fallbackExtension: '.mp3',
    fallbackFunctions: {
        error: null,
        pause: null,
        play: null,
        resume: null
    },
    flashAudioPlayerPath: 'swf/player.swf',
    flashExtension: '.mp3',
    flashObjectID: 'ubaplayer-flash',
    loadingClass: 'ubaplayer-loading',
    loop: false,
    playerContainer: 'ubaplayer-container',
    playingClass: 'ubaplayer-playing',
    swfobjectPath: 'js/swfobject.js',
    volume: 0.5,
}

贡献

In lieu of a formal styleguide, take care to maintain the existing coding style.

Also, please don't edit JS files in the "dist" subdirectory as they are generated via grunt. You'll find source code in the "src" subdirectory!

发布历史记录

发布历史记录

许可

Copyright (c) 2014 Brian Hadaway Licensed under the MIT license.

UbaPlayer 相关推荐
对于该库,你有要推荐的内容么?点此提交推荐
请文明评论,与人为善,比聪明更重要!
评论