分享一款 Web Music Player

最新推荐文章于 2022-08-19 23:15:47 发布
最新推荐文章于 2022-08-19 23:15:47 发布
阅读量247 收藏
点赞数
分类专栏： web music music player 文章标签： web music

分享一款  Web Music Player .   

 

 

 

 

 

 

 

觉得不错就点个顶！

 

 

 

 

 

yuruei2011
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
a web-based music player(GO + html5)
weixin_33943836的博客
09-20 76
github 住址：https://github.com/codercheng/music-player 后台是用GO （windows/ linux 都能够），前端是HTML5 推荐用chrome浏览器） 直接看效果： 转载注明出处：http://blog.csdn.net/blogofshuguang/article/details/38701715 ...
web-music-player:一个用于播放歌曲的网络应用
03-16
web-music-player:一个用于播放歌曲的网络应用
一个小小的移动web版音乐播放器
qq_28975099的博客
01-05 5151
这个小东西是在去年八月份就完成的啦，但是由于自己一拖再拖没有来更新博客，直到今天心血来潮想来更新下博客。 今天就来记录下自己做完这个小小的迷你小项目—music-player。 哈哈，由于自己艺术细胞有限，再加上是个简洁控，自己粗略设计了一下，所以我的ui界面长这样— 界面分割：至上而下是歌名-歌手-音乐封面-播放时间-播放进度条-控制按钮 功能上实现：显示歌曲总时间，显示歌曲已播放时间，显
docker-music-suite:Docker映像，以便有效地与Music Suite一起播放
05-22
码头音乐套房 什么是音乐套件？ 引用来自 ： 音乐套件是一种用于描述，分析，创作和操纵音乐的语言。 它嵌入在Haskell语言中，这意味着它既是一种语言，又是一组Haskell库。 如何在机器上安装映像？ docker pull rbelouin/music-suite 该图像的目的是什么？ 音乐套件堆栈非常庞大且难以维护，因为它需要： GHC 7.8.x 阴谋安装 乳胶 莉莉庞德 因此，只做您的工作，然后写Haskell！ 不要花大量的时间等待该堆栈的安装或维护。 该图像的内容是什么？ Haskell堆栈（有关更多信息，请参见） Tex Live（2014.20141024-2） 莉莉庞德（2.18.2） 音乐套件（1.8.1） 我应该如何使用它？ 一些make命令可用： make [build] ：从Dockerfile生成映像 make run ：使用音乐套
XSPF Web Music Player-开源
05-09
XSPF Web音乐播放器是基于Flash的Web应用程序，它使用xspf播放列表格式播放mp3歌曲。 XSPF是XML共享播放列表格式，其规范可在http://www.xspf.org上获得。 该软件是用Actionscript 2编写的。
musicplayer-api:提供无缝播放的 Web Audio API 的简单包装器
06-09
musicplayer-api提供了一种使用 Web Audio API 实现无缝音乐播放器的简单方法。 它最初旨在用于诸如环境，但最终可能会在浏览器中使用。 将其添加到您的包中 npm install musicplayer-api 使用示例 MusicPlayer ...
web-music-player
03-04
Create React App入门该项目是通过引导的。可用脚本在项目目录中，可以运行：yarn start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。 您还将在控制台中看到任何棉绒错误...
music-player-web
06-29
音乐播放器前端 该项目是应用程序的前端。 该项目使用构建工具。 你需要运行npm install -g mimosa来安装它。 接下来，通过在根文件夹中运行npm install来安装节点依赖项。 要在 unix-y 系统上的端口 3000 上构建...
web-midi-player::musical_keyboard:事件驱动JavaScript库，可在浏览器中播放MIDI
05-12
事件驱动JavaScript库，可在浏览器中播放MIDI。 查看和。 请参阅和。 阅读。 看一下。 下载。 想帮忙？ 解决。 我们正在寻找贡献者！ 在查找问题并将其分配给自己。 安装 NPM 可以使用默认注册表通过NPM安装此库： npm i web-midi-player 或者，您可以将npm设置为使用GPR来安装该库。 然后可以像这样安装依赖项： npm i @yvesgurcan/web-midi-player 无论使用哪个注册表，都可以使用ES模块语法来加载依赖项。 import MidiPlayer from 'web-midi-player'; 或使用CommonJS模块系统。 const MidiPlayer = require('web-midi-player'); CDN 或者，您可以使用script标签将此库添加到项目中。 <scr
音乐播放器简洁版
05-21
音乐播放器简洁版，学校写的，可以实现音乐的加载，音乐的播放，音乐的百度接口访问
最简单的本地音乐播放器
07-27
一个最基本的音乐播放器，代码思路很清晰，一看就懂（前提是你得有一定的android基础哈）。。。里面用到了Service，BroadCast，Activity以及ViewHolder，自定义的Adapter等android中许多重要的知识点。。。有兴趣的可以下载来看看哦。
Hide-Music-Player 一个完整的音乐播放器《IT蓝豹》
weixin_34121304的博客
11-03 80
Hide-Music-Player 一个完整的音乐播放器Hide-Music-Player 一个完整的音乐播放器，本例子主要包括几个点（1）摇一摇进入播放器（2）下拉展开新视图（扫描音乐）（3）音乐列表放大的动画（4）进入页面的圆形动画（5）滑动删除音乐（6）更换主题颜色（7）自定义的SwitchButton（8）播放页面的模糊背景（9）带指示器的自定义SeekBar（10）...
调音台docker教程_威联通Docker教程 篇二：三分钟安装精美的音乐播放器 MusicPlayer！Container Station系列教程！...
weixin_39653361的博客
12-22 2128
威联通Docker教程 篇二：三分钟安装精美的音乐播放器 MusicPlayer！Container Station系列教程！2020-04-15 11:01:0267点赞529收藏47评论创作立场声明：威联通Docker教程第二篇，使用群晖、UNraid等其它nas系统的朋友，也可以参考教程进行安装，本系列至少八篇保姆级教程，手把手教会您如何使用Docker，全部实战，强烈推荐大家收藏、点赞！大...
【云原生之Docker实战】使用Docker部署家庭个人在线音乐平台
jks212454的博客
08-19 2022
【云原生之Docker实战】使用Docker部署家庭个人在线音乐平台
javascript写的一个MidiaPlayer的类
mingxunzh的专栏
10-02 660
运行时候根据需求，改动这里即可mpl.OpenUrl("DuskToDawn.wma"); 下面是完整代码：view plaincopy to clipboardprint?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">    http://www.w3.org/1999/xhtml">        MediaPl
android-UniversalMusicPlayer（Google出品）
致我那些年搬过的砖
07-21 3296
最近Google刚开源了一款播放器叫android-UniversalMusicPlayer，除了设计精美、交互合理、功能简洁之外，最重要的是跨平台，不管你是手机、平板还是Android Wear设备都可以完美运行，真是可以算作是一款Android平台上的教科书级播放器。 GitHub地址：https://github.com/googlesamples/android-UniversalMusi
Music Player团队项目（一）
baigangrong5954的博客
11-06 187
团队成员及分工 团队： Blue 团队共有六人 姓名： 学号后四位： 贡献分： 张 宇(队长)1152 1+1.8=2.8分 侯贺琦 1027 1+0.7=1.7分 张玉冕 1153 1+0.3=1.3分 康 贺 1169 ...
react-jinke-music-player 文档
最新发布
06-10
react-jinke-music-player 是一个基于 React 的音乐播放器组件，提供了丰富的配置选项和交互功能，支持多种音乐格式和音乐源。以下是 react-jinke-music-player 的文档： ### 安装 使用 npm 安装： ``` npm install react-jinke-music-player --save ``` 或者使用 yarn 安装： ``` yarn add react-jinke-music-player ``` ### 使用 ```jsx import React from 'react'; import ReactDOM from 'react-dom'; import ReactJkMusicPlayer from 'react-jinke-music-player'; import 'react-jinke-music-player/assets/index.css'; ReactDOM.render( <ReactJkMusicPlayer audioLists={[ { name: '此时此刻', singer: '许巍', musicSrc: 'http://www.170mv.com/kw/other.web.ra01.sycdn.kuwo.cn/resource/n2/128/78/30/3374853090.mp3', cover: 'http://img.5nd.com/2018/2018-7-13/640/cover/871c9477bfc246eaa43a3d26a2b36f2a.jpg', }, { name: '夜曲', singer: '周杰伦', musicSrc: 'http://www.170mv.com/kw/other.web.rz01.sycdn.kuwo.cn/resource/n3/128/62/30/3831933686.mp3', cover: 'http://img.5nd.com/2018/2018-7-13/640/cover/871c9477bfc246eaa43a3d26a2b36f2a.jpg', }, ]} />, document.getElementById('root') ); ``` ### API react-jinke-music-player 提供了多个配置选项和方法，以下是常用的 API： #### 配置选项 - `audioLists`: 必填，音乐列表，类型为数组，每个元素包含以下属性： - `name`: 必填，音乐名称，类型为字符串。 - `singer`: 选填，音乐演唱者，类型为字符串。 - `musicSrc`: 必填，音乐源地址，类型为字符串。 - `cover`: 选填，音乐封面地址，类型为字符串。 - `autoPlay`: 选填，是否自动播放，类型为布尔值，默认为 false。 - `defaultPlayMode`: 选填，默认播放模式，类型为字符串，默认为 'order'。可选值为： - `order`: 顺序播放。 - `orderLoop`: 列表循环。 - `singleLoop`: 单曲循环。 - `shufflePlay`: 随机播放。 - `drag`: 选填，是否开启拖拽播放进度条，类型为布尔值，默认为 true。 - `seeked`: 选填，是否开启播放进度条拖拽结束后的回调，类型为布尔值，默认为 true。 - `showDownload`: 选填，是否显示下载按钮，类型为布尔值，默认为 true。 - `showThemeSwitch`: 选填，是否显示主题切换按钮，类型为布尔值，默认为 true。 - `showPlayMode`: 选填，是否显示播放模式切换按钮，类型为布尔值，默认为 true。 - `showReload`: 选填，是否显示重新加载按钮，类型为布尔值，默认为 true。 - `showLyric`: 选填，是否显示歌词面板，类型为布尔值，默认为 true。 - `showDestroy`: 选填，是否显示销毁按钮，类型为布尔值，默认为 false。 - `preload`: 选填，预加载音乐的数量，类型为数字，默认为 2。 - `remove`: 选填，删除音乐的回调，类型为函数。 - `onAudioPlay`: 选填，音乐播放的回调，类型为函数。 - `onAudioPause`: 选填，音乐暂停的回调，类型为函数。 - `onAudioEnded`: 选填，音乐播放结束的回调，类型为函数。 - `onAudioAbort`: 选填，音乐加载失败的回调，类型为函数。 - `getContainer`: 选填，渲染容器的回调，类型为函数。 - `glassBg`: 选填，是否开启毛玻璃背景，类型为布尔值，默认为 false。 - `remember`: 选填，是否记忆播放状态，类型为布尔值，默认为 false。 - `remove`: 选填，删除音乐的回调，类型为函数。 - `locale`: 选填，国际化配置，类型为对象，包含以下属性： - `playModeText`: 播放模式文本，类型为对象，包含以下属性： - `order`: 顺序播放文本，类型为字符串。 - `orderLoop`: 列表循环文本，类型为字符串。 - `singleLoop`: 单曲循环文本，类型为字符串。 - `shufflePlay`: 随机播放文本，类型为字符串。 - `controllerTitle`: 控制器标题，类型为字符串。 - `emptyLyricText`: 空歌词文本，类型为字符串。 #### 方法 - `playNext()`: 播放下一首音乐。 - `playPrev()`: 播放上一首音乐。 - `playIndex(index: number)`: 播放指定索引的音乐。 - `toggleMode()`: 切换播放模式。 - `togglePlay()`: 切换播放状态。 - `destroyPlayer()`: 销毁播放器。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值