Total Pageviews

Monday, 5 June 2023

百度的web音乐播放器MuPlayer


MuPlayer 是百度音乐前端团队开发维护的web端音频播放器内核,基于HTML5 Audio技术, 是跨平台、轻量级的音频播放解决方案。

MuPlayer主要特性

    多端通用(覆盖PC & WebApp),提供统一的API调用方式
    Audio与Flash内核的平滑切换(支持IE 6在内的所有常见浏览器)
    提供了完善的文档、灵活简洁的API设计
    针对WebApp端的优化打包,节省加载资源
    已经在百度多条产品线上实际应用,稳定可靠

Github地址:https://github.com/Baidu-Music-FE/muplayer

------------------------------------------------------------------------

An open source web audio player from Baidu Music, support HTML5 and Flash engine on different platforms(百度音乐播放内核)

886.enimo.cn/muplayer/doc/ 

概述

MuPlayer 是百度 @音乐前端 团队开发维护的浏览端音频播放内核,它基于 HTML5 Audio 及 Flash 音频技术,实现了多端通用(PC & WebApp)、浏览器兼容(ie6+、firefox、chrome、safari etc)及可扩展的多音频格式解码插件的音频文件播放功能,并在百度音乐多个线上产品线中应用,具备相当的灵活性和稳定性。

安装

你可以使用 bower 安装

bower install muplayer

或者到发布页面下载压缩文档:Releases

具体使用方法请参见文档部分。

文档

参见:MuPlayer API

示例:Demo

常用事件说明

为项目贡献代码

  1. 签出项目
git clone https://github.com/Baidu-Music-FE/muplayer
cd muplayer
  1. 安装依赖
npm install

这个步骤会提示你是否安装 Flex SDK,如果选择 no, 项目会利用现有的编译好的 swf 文件。如果你希望更改 action script 源码并编译,请选择 yes,注意这个 SDK 可能会需要下载 400MB 的依赖。如果想自动选择默认项安装(安静模式),请运行 quiet=true npm install

  1. 编译
npm run no -- build

编译好的文件会保存到 dist 文件夹。如果你全局安装了 nokit,则可以直接运行 no build

修订文档

  1. 安装文档静态文件依赖
bower install
  1. 编译文档 编译文档需先安装 compass 依赖,参见:http://compass-style.org/install/ ,之后运行:
npm run no -- doc
  1. 预览文档需要启动本地服务器,启动后访问 http://127.0.0.1:8077
npm run no -- server

指定端口号

npm run no -- server -p 8080

使用案例

MuPlayer本就源自百度音乐前端团队在产品开发上的积累,被用于多条在线产品及音乐服务上,如百度音乐盒百度随心听百度音乐人百度乐播,及WebApp,是音乐前端的核心基础库之一。下面继续列举一些我们已知的第三方使用案例,以供参考:

  1. 百度个人中心的音乐随心听模块:http://i.baidu.com/#ibx-mod-music
  2. @mozillazg 实现的音乐FM:https://github.com/mozillazg/lark

from https://github.com/BaiduMusic/muplayer

 

 



No comments:

Post a Comment