QPlayer插件究竟该怎么导入网易云音乐？

最新推荐文章于 2023-09-18 17:58:31 发布
最新推荐文章于 2023-09-18 17:58:31 发布 277 收藏
文章标签： html 前端 javascript
原文链接：https://www.cnblogs.com/polaris07/p/17062625.html
版权

原文链接：QPlayer插件究竟该怎么导入网易云音乐？ - 北極星 - 博客园

QPlayer插件做得很好啊

奈何不会添加歌曲

这里记录一下：

这里以添加网易云音乐为例子

1.

首先，打开网易云音乐的首页，我是添加的单曲

以下面链接为例子：https://music.163.com/#/song?id=484056997

点击去之后，你看到网址栏有一个  "id=484056997"

2.

那么，这首歌的真实地址就是：

http://music.163.com/song/media/outer/url?id=484056997.mp3

既是网易云音乐当前页面歌曲得实际链接：

http://music.163.com/song/media/outer/url?id=ID数字.mp3

把上面红色部分ID数字换成网易云播放页面的id即可。

3.

Typecho设置如下

关于："cover": "http://p1.music.126.net/cLoAM3X8pIuCil_oJpxjWw==/18511377767183768.jpg?param=130y130"

 4.

阅读终点，创作起航，您可以撰写心得或摘录文章要点写篇博文。去创作
weixin_45843155
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
网易云-APlayer.rar
12-05
网易云-APlayerdemo 博客使用音乐播放插件 使用网易云官方插件 可以快速完成 资源是一个demo 下载可直接运行查看效果
APlayer是一款仿网易云音乐外链播放器UI的HTML5音乐播放器插件
08-08
APlayer是一款仿网易云音乐外链播放器UI的HTML5音乐播放器插件。APlayer音乐播放器可以自定义歌曲封面，可以自定义同步歌词等，界面时尚大方，是一款非常好的HTML5音乐播放器插件。
QPlayer左下角悬mp3音乐播放器插件.zip
07-11
代码片段： <div class="musicTag marquee"> <strong>歌名</strong> <span> - </span> <span class="artist">歌手</span> </div> <div class="progress"> <div class="timer left">0:00</div> <div class="contr"> <div class="rewind icon"></div> <div class="playback icon"></div> <div class="fastforward icon"></div> </div> <div class="right"> <div class="liebiao icon"></div> </div> </div>
1Player for 网易云音乐-crx插件
04-04
语言:中文 (简体) 使用1Player控制你的网易云音乐播放器，通过快捷键可以在做其他工作时方便地控制歌曲免除来回切换的烦恼。 ############################快捷键需要重新设置一遍方可生效桌面歌词可在chrome扩展管理页中的扩展选项中开关############################2.1.0修复播放器无法正确初始化的问题修复在新版 Chrome 下歌词通知无法显示的问题2.0.6扩展弹出面板增加桌面歌词switch，快捷开关桌面歌词2.0.2-2.0.5bug修复2.0.1增加桌面歌词显示，可在选项中控制显隐增加支持web端播放320k歌曲播放器UI优化增加音量控制增加重新播放控制增加播放器面板歌词显示增加收藏当前歌曲至我喜欢的歌曲，可设置快捷键收藏其他一些bug修复1.0.3 增加了播放列表增加了歌曲桌面通知，可在选项中设置停留时间1.0.2 修改了一些bug1.0.1 第一次发布 have fun！插件面板同步当前播放歌曲信息插件面板可控制 上一曲、下一曲、暂停/播放、播放进度、播放模式点击插件面板的歌曲/歌手可快速进如对应歌曲/歌手页面快
QPlayer:QPlayer是一款功能强大的视频播放器，不容错过，支持m4v，wmv，3gp，mp4，mov，avi，mkv，mpeg，mpg，flv，rm，rmvb，mp3格式。 输入任何HTTP，RTSP，RTMP，HLS地址播放网络流或直播。 QPlayer使用ffmpeg，您可以通过wifi传输文件。 它汇总了多个生活，视频和短视频平台，您可以在线观看直播，视频和短视频
05-27
QPlayer QPlayer是一个您不会错过的视频播放器，支持m4v, wmv, 3gp, mp4, mov, avi, mkv, mpeg, mpg, flv, rm, rmvb, mp3格式。 输入任何HTTP, RTSP, RTMP, HLS地址播放网络流或直播。 QPlayer使用ffmpeg ，您可以通过wifi传输文件。 它汇总了多个生活，视频和短视频平台，您可以在线观看直播，视频和短视频。 免责声明 本文中使用的相关技术和资源仅用于学习和交流。 请不要将其用于任何其他商业目的，否则后果自负！！！ 一些资源和内容来自Internet。 如果有版权和法律法规，请发送问题或电子邮件与我联系。 经过验证和确认后，我将其删除。 群组（ID：15535338） 预习 本地影片 直播和电视 网络视频 应用介绍 要求 iOS 8.0以上版本，iPhone和iPad，Xcode
Qplayer2播放器——用扩展性支撑起未来需求
LiveVideoStack
04-10 148
随着手机性能的不断升级，人们对于播放器的需求也在爆发式增长。对此，LiveVideoStackCon 2022 北京站大会邀请到了来自七牛云的资深开发工程师、播放器负责人，陈军奇老师，从七牛云播放器的历史出发，为大家阐述Qplayer2播放器的具体应用。文/陈军奇编辑/LiveVideoStack大家下午好，我是来自七牛云的陈军奇，5 年前，我进入音视频开发领域，一开始是做音视频上层的播放页相关业...
QPlayer2-资源网各大程序背景音乐插件
html模板下载
03-03 324
介绍： QPlayer2一款简洁小巧的HTML5底部悬浮音乐播放器，支持网易云音乐解析，由GitHub用户Jrohy开发，最新版本为v1.3.4.2，更新于三年前，已不再更新。 如今，MoeShin将代码优化后制成QPlayer2，现已支持WordPress、Typecho、Z-Blog。 PS：插件名字重命名QPlayer2 网盘下载地址： https://zijiewangpan.com/5xg0KwCqR9W 图片： ...
（八）瑞芯微rk3568中的qplay 例程
不见围墙
12-05 2123
本人想使用瑞芯微的rk3568,开发rtsp拉流显示功能。 发现例程中有qplayer例程。 查看了源码发现qplayer只能播放本地视频。rtsp中的功能注释掉了。 本人把此程序导入到window查看后，发现可以编译成功。 运行需要LAN filters。安装后可以运行成功。TMD例程不是用的硬解码。 我打开了注释。添加了可用的rtsp地址。 也可以拉流。 ...
QPlayer左下角悬浮多功能mp3音乐播放器插件
08-22
var playlist = [ {title:"木小雅",artist:"可能否", mp3:"Player/木小雅+-+可能否.mp3", cover:"http://p4.music.126.net/7VJn16zrictuj5kdfW1qHA==/3264450024433083.jpg?param=106x106",}, {title:"王贰浪",artist:"往后余生", mp3:"Player/往后余生-王贰浪.mp3", cover:"http://p4.music.126.net/KLw_TLTRUe9pClPv4vlEtQ==/936783906865219.jpg?p
三款QPlayer2-背景音乐插件
源码下载
05-06 257
简介： 一款简洁小巧的 HTML5 底部悬浮音乐播放器，支持云音乐，现已支持WordPress、Typecho、Z-Blog。 网盘下载地址： http://kekewangLuo.net/iTqbm3fJQ6y0 图片：
仿网易云音乐外链播放器UI的HTML5音乐播放器插件
12-12
APlayer是一款仿网易云音乐外链播放器UI的HTML5音乐播放器插件。APlayer音乐播放器可以自定义歌曲封面，可以自定义同步歌词等，界面时尚大方，是一款非常好的HTML5音乐播放器插件。
HTML显示中文空格字符，&emsp；一个中文字符，&ensp；半个中文字符
qq_21810059的博客
09-15 460
【代码】HTML显示中文空格字符，&emsp；一个中文字符，&ensp；半个中文字符。
React-实现循环轮播
qq_40891322的博客
09-14 393
问题：写字体轮播的时候，不使用swiper库，使用top定位，让字体过渡上下移动，发现写成的效果就是每次播到最后一个元素后，只能突然展示第一个元素，失去了那种上下移的动过渡效果。
JDK8特性——接口增强&函数式接口&Optional&方法引用
二蛋的博客
09-15 149
JDK8特性：接口增强&函数式接口&Optional&方法引用
JS中Symbol的介绍
gghhb12的博客
09-15 131
symbol是一种原始数据类型其余原始类型: 未定义(undefined) 、 空值(null)、布尔值（boolean）、字符串（string）、数值（number）、对象（object）symbol表示独一无二的值symbol类型的"真实值"无法获取,也就是说Symbol类型没有对应的字面量symbol类型的意义在于区分彼此和不重复,不在于真实值。
列表页面新增 字段查询 ，点击查询后，前端页面和后端控制台 出现红色报错信息，查询数据失败。
YHLSunshine的博客
09-15 169
列表页面新增 字段查询 ，点击查询后，前端页面和后端控制台 出现红色报错信息，查询数据失败。
js自带的字体图标
m0_54741495的博客
09-18 89
【代码】js自带的字体图标。
Unity WebGL 编译 报错: emcc2: error: ‘*‘ failed: [WinError 2] ϵͳ�Ҳ���ָ�����ļ���解决办法
Dekiven的专栏
09-18 327
【代码】Unity WebGL 编译 报错: emcc2: error: '*' failed: [WinError 2] ϵͳ�Ҳ���ָ�����ļ���解决办法。
Web Storage是什么？Web Storage详解
最新发布
CZ-001的博客
09-18 108
Web Storage中包含两个关键的对象，分别是localStorage对象和sessionStorage对象，它们都是Web Storage的实例，所以都能使用Web Storage接口提供的方法和属性。Web Storage类似于Cookie,但相比Cookie可以减少网络流量，因为Web Storage存储的数据不会发送给服务器，而Cookie存储的数据会由浏览器通过HTTP请求自动发送给服务器。将数据存储在WebStorage可以减少数据在浏览器和服务器间不必要地来回传递。
vue网易云音乐播放设计代码
05-30
以下是一个简单的 Vue 网易云音乐播放器的代码示例，仅供参考： ``` <template> <div> <audio ref="audio" :src="currentSong.url" @timeupdate="handleTimeupdate"> </audio> <div class="player"> <div class="player__controls"> <button class="player__control-btn" @click="togglePlaying"> {{ isPlaying ? '暂停' : '播放' }} </button> <div class="player__progress-wrapper"> <div class="player__progress" :style="{ width: progressBarWidth }"></div> </div> <button class="player__control-btn" @click="nextSong"> 下一首 </button> </div> <div class="player__info"> <div class="player__song-name">{{ currentSong.name }}</div> <div class="player__artist">{{ currentSong.artist }}</div> <div class="player__lyrics" v-html="lyrics"></div> </div> </div> </div> </template> <script> import { mapGetters, mapActions } from 'vuex' export default { computed: { ...mapGetters(['currentSong', 'isPlaying', 'lyrics']), progressBarWidth() { return `${(this.currentTime / this.currentSong.duration) * 100}%` }, }, methods: { ...mapActions(['togglePlay', 'next']), togglePlaying() { this.togglePlay() if (this.isPlaying) { this.$refs.audio.play() } else { this.$refs.audio.pause() } }, nextSong() { this.next() this.$refs.audio.load() this.$refs.audio.play() }, handleTimeupdate() { this.$store.commit('setCurrentTime', this.$refs.audio.currentTime) }, }, } </script> <style> .player { display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 20px; background-color: #eee; } .player__controls { display: flex; flex-direction: row; align-items: center; } .player__control-btn { margin-right: 20px; padding: 10px; font-size: 16px; background-color: #ccc; border: none; border-radius: 5px; cursor: pointer; } .player__progress-wrapper { width: 300px; height: 10px; background-color: #fff; border-radius: 5px; margin: 0 20px; position: relative; } .player__progress { height: 100%; background-color: #333; border-radius: 5px; position: absolute; top: 0; left: 0; } .player__info { flex: 1; text-align: center; margin-left: 20px; } .player__song-name { font-size: 24px; font-weight: bold; } .player__artist { font-size: 16px; color: #666; margin-top: 10px; } .player__lyrics { margin-top: 20px; font-size: 16px; line-height: 1.5; text-align: center; } </style> ``` 这是一个简单的 Vue 组件，包含了播放器控制按钮、进度条、歌曲信息和歌词展示等。该组件使用 Vuex 管理播放状态和歌曲列表，使用 HTML5 的 Audio API 实现播放功能，使用 Vue 的计算属性和方法实现进度条和用户交互等功能。需要注意的是，该组件仅供参考，具体实现可能需要根据实际需求进行适当调整。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值