Giter Site home page Giter Site logo

maomao1996 / vue-mmplayer Goto Github PK

View Code? Open in Web Editor NEW
2.5K 47.0 748.0 19.81 MB

🎵 基于 Vue 的在线音乐播放器 Online music player

Home Page: https://netease-music.fe-mm.com

License: MIT License

JavaScript 23.97% HTML 5.12% Vue 66.15% Less 4.68% Shell 0.07%
vue vuex vue-router vue-music vue-music-player music music-player mmplayer vue-mmplayer web-music

vue-mmplayer's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

vue-mmplayer's Issues

询问音频播放问题

请问在网页引用audio标签后,播放音频可能会出现 Uncaught (in promise) DOMException(谷歌浏览器) ,应该怎么解决这个问题

直接本地音乐吗?

有的歌曲网易没有,有的国内也没有。
想把音乐放到本地服务器上调用播放。

播放器的currentTime是如何更新的?

在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

你好,想问一下那个移动端打开的时候提示network error的话要怎么解决啊?

你好,我有个问题想请教一下

你好,我自己也在做一个播放器,像网易云那样,但播放全部的功能真的把我快卡疯了- -我想用Vuex的actions做,写一个addSong获取一首歌除url之外的信息,再写一个addList,获取整个歌单的信息的,遍历整个歌单的id,执行addSong的方法,然后再写一个getUrl方法,获取当前应该播放的那首歌的url数据,再用state设置播放器显示.按照这样顺序执行,结果顺序总是不对,查了async/await,还是没开窍,可以交流一下吗

请问能否增加https支持?

启用https后,获取的封面图片都是http的,请问如何修改才能让获取的歌曲封面也是https的链接呢

手机端显示歌词

想用您的作品把妹,自己修改了一些,都挺满意,只是大佬能否在手机端显示下歌词呢。虽然自己改了能显示歌词,但是奈何自己技术有限,并不好看

提示Network Error

网易云API正常运行,.env中链接已经修改,一进去就提示Network Error

音乐暂停后播放问题

音乐暂停一段时间后,点击播放,会显示音乐无法播放,然后自动跳转到下一首,需要重新切换回来。

移动端浏览器播放音乐,当前音乐播放完,不会自动播放下一首

不懂就问:用移动端的浏览器播放音乐时,如果离开当前播放页面,或者浏览器后台运行,当音乐播放完,不会自动播放下一首。除非重新回到播放页,或者进入浏览器,才会自动播放下一曲。想咨询下大佬这是什么原因,是移动端浏览器禁止自动播放了吗?能解决吗?要怎么解决?

npm run serve faild

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

能否支持一下mv的播放

可以接入HASS播放,就是没声音

大佬,我按文档接入了hass,云音乐标签可以搜索,可以选歌播放,登陆也正常,但是播放没有声音。
我是在hass的树莓派上运行的云api服务,和hass是同一台机器。
异常点在于hass的 “概览” 标签界面的“云音乐”卡片点开右上角三个点,只有“详情”和“历史”两个按钮,点击设置齿轮出现:该实体 ("media_player.yun_yin_le") 没有唯一的 ID,因此无法由 UI 管理其设置。请参阅 文档 以详细了解。 也就是说没有选择播放器的选项,音量调节,进度条等,也没有语音助手等 B站视频演示的那些东西。
求救求救,最后一步就成功,麻烦大佬拯救下。
感谢,感谢,感谢!

以下是我configation配置

media_player:

  • platform: ha_cloud_music
    api_url: 'http://localhost:3000'
    sidebar_title: 云音乐
    sidebar_icon: mdi:music
    show_mode: fullscreen
    uid: 414728269
    user: 1872*******
    password: d*******
    tts_before_message: '主人:'
    tts_after_message: '。我是你的家居管家!'
    tts_mode: 4
    is_voice: true
    is_notify: true
    is_debug: true
    mpd_host:

能支持webdav吗

想有个pwa播放器。连支持webdav的云盘,播放自己的音乐,这样不用下载软件,还几乎全平台通用

关于外网访问提示网页不安全问题

作者你好,我搭建了docker的,目前外网访问,登陆,都正常,SSL也搞好,问题在于,登陆后,图片等资源来源于163的,是http的链接,会提示不安全,请问作者有解决办法,或者更新的准备么

点击歌单时,报错Network Error。

感觉是这个歌单太多了 ,歌单 453553114

程序一次加载的歌单歌曲太多,我喜欢(歌单 453553114 默认收藏歌单)已有740首歌曲 ,但是程序一次性就要获取740首歌曲的信息。

调用 API 时 GET 带的参数太多了(可能),我试过直接访问API,报错(提示连接已被关闭)

希望能优化下,如果歌单歌曲数很多,不要一次性加载完,下拉歌单内容时才获取剩下的歌单(瀑布加载)。

Network Error

报错

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.