maomao1996 / vue-mmplayer Goto Github PK
View Code? Open in Web Editor NEW🎵 基于 Vue 的在线音乐播放器 Online music player
Home Page: https://netease-music.fe-mm.com
License: MIT License
🎵 基于 Vue 的在线音乐播放器 Online music player
Home Page: https://netease-music.fe-mm.com
License: MIT License
希望手机端网页也能显示正在播放的音乐的方形封面
请问在网页引用audio标签后,播放音频可能会出现 Uncaught (in promise) DOMException(谷歌浏览器) ,应该怎么解决这个问题
有的歌曲网易没有,有的国内也没有。
想把音乐放到本地服务器上调用播放。
在music.vue 组件中的,播放器进度条的百分比是按照这个this.currentTime来计算的,默认初始化为0,然后再把这个百分比传入子组件mm-progress 再调用自身函数,
但是我在music.vue里面找不到修改这个变量的地方,只有重置,在计算当前进度百分比,传递给mm-progress之前它是如何更新的?
data() {
const volume = getVolume()
return {
musicReady: false, // 是否可以使用播放器
currentTime: 0, // 当前播放时间
currentProgress: 0, // 当前缓冲进度
lyric: [], // 歌词
nolyric: false, // 是否有歌词
lyricIndex: 0, // 当前播放歌词下标
isMute: false, // 是否静音
volume // 音量大小
}
},
percentMusic() {
const duration = this.currentMusic.duration
return this.currentTime && duration ? this.currentTime / duration : 0
},
我理解是这个currentTime应该是从vuex 读取audio元素获取当前播放时间?
percentMusic() {
const duration = this.currentMusic.duration
return this.audioEle.currentTime && duration ? this.audioEle.currentTime / duration : 0
},
你好,想问一下那个移动端打开的时候提示network error的话要怎么解决啊?
你好,我自己也在做一个播放器,像网易云那样,但播放全部的功能真的把我快卡疯了- -我想用Vuex的actions做,写一个addSong获取一首歌除url之外的信息,再写一个addList,获取整个歌单的信息的,遍历整个歌单的id,执行addSong的方法,然后再写一个getUrl方法,获取当前应该播放的那首歌的url数据,再用state设置播放器显示.按照这样顺序执行,结果顺序总是不对,查了async/await,还是没开窍,可以交流一下吗
RT
最近在做音乐播放器,然后就找到了大佬的这个项目,又可以愉快的cv 了, 然后看到有个阿里的大佬写了个鲸鱼音效,觉得加到这个项目挺不错的哈,😃😃😃
https://github.com/alex2wong/vudio
作者这个项目 大概花了多久?
启用https后,获取的封面图片都是http的,请问如何修改才能让获取的歌曲封面也是https的链接呢
这样应该可以解决 (*/ω\*)
.music .mmPlayer-bg {
transform: scale(1.1);
}
大佬,可客户端不能部署vercel吗?
想用您的作品把妹,自己修改了一些,都挺满意,只是大佬能否在手机端显示下歌词呢。虽然自己改了能显示歌词,但是奈何自己技术有限,并不好看
网易云API正常运行,.env中链接已经修改,一进去就提示Network Error
海外版可以说都听不了.
不过蛮不错的, 支持下
音乐暂停一段时间后,点击播放,会显示音乐无法播放,然后自动跳转到下一首,需要重新切换回来。
不懂就问:用移动端的浏览器播放音乐时,如果离开当前播放页面,或者浏览器后台运行,当音乐播放完,不会自动播放下一首。除非重新回到播放页,或者进入浏览器,才会自动播放下一曲。想咨询下大佬这是什么原因,是移动端浏览器禁止自动播放了吗?能解决吗?要怎么解决?
用safari访问http://music.mtnhao.com/ 播放没声音换用chrome正常
请问有计划搞个Docker镜像吗?
老哥借用下你的代码做个临时官网可以吗?
问题: 下载代码后运行项目提示 Requset failed with status code 500
原因: NeteaseCloudMusicApi 在 v3.34.0 版本之后 /top/list
接口不再支持idx
参数 排行榜接口废弃 idx 参数,只支持 id 参数
修复方案一: 修改 api
文件中的 topList
方法参数为 id
修复方案二: 后台服务版本降级使用 NeteaseCloudMusicApi v3.33.2
1、README
npm run dev //服务端运行 这个应该是写错了吧
2、npm run serve 后项目报错
$ npm run serve
[email protected] serve F:\Vue-mmPlayer
vue-cli-service serve
INFO Starting development server...
ERROR TypeError: Cannot convert undefined or null to object
TypeError: Cannot convert undefined or null to object
at Function.assign ()
at config.plugin.tap.args (F:\Vue-mmPlayer\vue.config.js:19:14)
at Object.tap (F:\Vue-mmPlayer\node_modules\webpack-chain\src\Plugin.js:24:24)
at chainWebpack (F:\Vue-mmPlayer\vue.config.js:18:27)
at webpackChainFns.forEach.fn (F:\Vue-mmPlayer\node_modules@vue\cli-service\lib\Service.js:227:40)
at Array.forEach ()
at Service.resolveChainableWebpackConfig (F:\Vue-mmPlayer\node_modules@vue\cli-service\lib\Service.js:227:26)
at Service.resolveWebpackConfig (F:\Vue-mmPlayer\node_modules@vue\cli-service\lib\Service.js:231:48)
at PluginAPI.resolveWebpackConfig (F:\Vue-mmPlayer\node_modules@vue\cli-service\lib\PluginAPI.js:138:25)
at serve (F:\Vue-mmPlayer\node_modules@vue\cli-service\lib\commands\serve.js:48:31)
at Service.run (F:\Vue-mmPlayer\node_modules@vue\cli-service\lib\Service.js:221:12)
at Object. (F:\Vue-mmPlayer\node_modules@vue\cli-service\bin\vue-cli-service.js:36:9)
at Module._compile (module.js:652:30)
at Object.Module._extensions..js (module.js:663:10)
at Module.load (module.js:565:32)
at tryModuleLoad (module.js:505:12)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] serve: vue-cli-service serve
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] serve script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
不知道作者本地有没有遇到此类问题
能否支持一下mv的播放
大佬,我按文档接入了hass,云音乐标签可以搜索,可以选歌播放,登陆也正常,但是播放没有声音。
我是在hass的树莓派上运行的云api服务,和hass是同一台机器。
异常点在于hass的 “概览” 标签界面的“云音乐”卡片点开右上角三个点,只有“详情”和“历史”两个按钮,点击设置齿轮出现:该实体 ("media_player.yun_yin_le") 没有唯一的 ID,因此无法由 UI 管理其设置。请参阅 文档 以详细了解。 也就是说没有选择播放器的选项,音量调节,进度条等,也没有语音助手等 B站视频演示的那些东西。
求救求救,最后一步就成功,麻烦大佬拯救下。
感谢,感谢,感谢!
以下是我configation配置
media_player:
我去 我看不懂你的那些配置文件
请问大佬,如何添加代理,通过 unblockneteasemusic解锁灰色歌曲
已经star了您的项目,刚学完vue想找个项目练练手
超级好部署,哈哈
如题。
因为我的是云主机,默认暴露的是内网IP,请问下在哪个配置文件可以修改bind IP
想有个pwa播放器。连支持webdav的云盘,播放自己的音乐,这样不用下载软件,还几乎全平台通用
@vue/cli 版本是 "~4.5.0" 如何才能兼容ie10 11
我找了半天还是没找到相关内容
我是小白,不是太懂你们说的部署阿啥的,如果能做成DOCKER就好了
茂茂太厉害了!!!
茂茂太厉害了!!!
茂茂太厉害了!!!
用了有一段时间了,推荐给别人才发现不能下载歌曲
作者你好,我搭建了docker的,目前外网访问,登陆,都正常,SSL也搞好,问题在于,登陆后,图片等资源来源于163的,是http的链接,会提示不安全,请问作者有解决办法,或者更新的准备么
感觉是这个歌单太多了 ,歌单 453553114。
程序一次加载的歌单歌曲太多,我喜欢(歌单 453553114 默认收藏歌单)已有740首歌曲 ,但是程序一次性就要获取740首歌曲的信息。
调用 API 时 GET 带的参数太多了(可能),我试过直接访问API,报错(提示连接已被关闭)
希望能优化下,如果歌单歌曲数很多,不要一次性加载完,下拉歌单内容时才获取剩下的歌单(瀑布加载)。
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.