audio标签播放网易云歌曲

最新推荐文章于 2022-12-07 10:20:00 发布
最新推荐文章于 2022-12-07 10:20:00 发布
阅读量850 收藏 3
点赞数
分类专栏： 其他
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37167086/article/details/104304070
版权

1.打开网页版网易云音乐，随便选择一首歌曲。

2.找到对应歌曲的ID，如下图

3.替换该地址ID：http://music.163.com/song/media/outer/url?id=16439857.mp3

4：添加对应src即可

 <audio loop="loop" autoplay="autoplay">
            <source :src="http://music.163.com/song/media/outer/url?id=16439857.mp3" type="audio/mpeg" />
 </audio>

 

失岸
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
关于Audio标签添加网易云音乐作为背景音乐的两三事
qq_34487996的博客
01-07 3036
关于Audio标签添加网易云音乐作为背景音乐的两三事 一、写在开头 1.audio：html5音频标签 &lt;!-- 添加背景音乐 --&gt; &lt;audio id="music" src="https://music.163.com/#/song?id=3405868" autoplay preload="auto" loop="loop"&gt;该浏览器不支持audio属性&l
audio标签实现网页循环播放背景音乐代码实现
解启超
02-23 1703
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...
WeChat微信小程序网易云音乐播放链接方法
思维小刀
09-27 2127
几大音乐平台的外链地址URL，包括网易云、QQ、酷我、酷狗、百度
qq_39111085的博客
03-04 2万+
网易：http://music.163.com/#/song?id=25906124 ＱＱ：http://y.qq.com/n/yqq/song/ 002B2EAA3brD5b .html 酷狗：http://www.kugou.com/song/#hash=08228af3cb404e8a4e7e9871bf543ff6 酷我：http://www.kuwo.cn/yinyue/38242...
(整理)手机上一些常用的url
一个放笔记的小书架
10-17 1万+
网易云音乐、QQ音乐、酷我音乐、微信、支付宝、高德地图、哔哩哔哩、手机QQ、TIM、淘宝、京东、百度网盘、百度贴吧、百度地图、百度阅读、手机百度 网易云音乐： 1.打开网易云音乐 orpheuswidget:// 2.打开网易云音乐听歌识曲 orpheuswidget://recognize 3.打开本地音乐列表（已下载的歌曲） orpheuswidget://download 4.打开指定歌单 orpheus://playlist/歌单ID 需要将【歌单ID】替换成需要打开的歌单ID 5.打开指定歌曲 o
网易云音乐的 song/media/outer/url audio 链接 chrome 上可以， edge不行
jonathan_joestar的博客
05-04 2230
网易云音乐的这个链接 https://music.163.com/song/media/outer/url?id=29023577.mp3 <audio ref="audio" :src="`https://music.163.com/song/media/outer/url?id=${playlist[playCurrentIndex].id}.mp3`"></audio> chrome 上可以， edge不行，放了1秒钟就没了，不过我同学的edge也行的，总之是个莫名其妙的坑
获取网易云播放地址
qq_44242204的博客
12-07 3714
获取网易云音乐播放地址
获取网易云音乐
weixin_48677723的博客
02-27 888
自主学习
HTML5音频audio标签音频播放
LMX的博客
02-16 677
HTML5进行音频播放 w3school视频音频标签地址。 HTML5 DOM 为 和 元素提供了方法、属性和事件。这些方法、属性和事件允许您使用 JavaScript 来操作 和 元素。 音频和视频的播放肯定需要播放的音频或视频地址因此需要source标签来加载。w3school标签地址 <⁢source>标签为媒介元素（比如 和 ）定义媒介资源。 <⁢source> 标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。 第一条是说这
html5 src直播地址,HTML5 的video和audio 标签 SRC播放地址如何通过JS 来获取
weixin_35036735的博客
05-31 1199
匿名用户1级2014-12-01 回答将下面的JS代码生成的字符串content的内容放在html中就是一个音乐播放器，并且能够播放音乐。为了兼容，下面的写得比较乱，可以不用JS，整理一下，直接放HTML中也行。音乐播放器标签的JS代码：[javascript] view plaincopyvar musicSrc = "../music/1.mp3";var bower = window.nav...
使用audio标签播放mp3,amr,wav文件
07-02
用audio标签实现播放音频文件，其中音频文件的后缀包括amrnb,mp3,wav。由于对音频文件个格式有的不支持，有的会进行一下转换。
HTML5 audio标签使用js进行播放控制实例
09-28
主要介绍了HTML5 audio标签使用js进行播放控制实例,本文直接给出代码实例,演示了获取播放时间、播放、暂停、静音等控制方法,需要的朋友可以参考下
移动端audio标签音频自动播放
06-01
移动端audio标签声音（音频）自动播放、暂停、停止、跳转到第几秒播放，可完全兼容苹果ios系统
音乐播放列表（audio标签实现丶支持自动换歌）
10-13
音乐播放列表,支持自动换音乐,点击音乐,可视化页面。总而言之言而总之。麻雀虽小五脏俱全
Html5 audio标签样式的修改
09-28
例如，你可以创建一个`<div>`元素来模拟播放/暂停按钮，并通过JavaScript监听`<audio>`标签的事件，如`play`、`pause`和`ended`，以控制自定义播放器的显示状态。 在处理音频时长（duration）时，需要注意的一个...
网易云歌词解析(配合audio标签实现本地歌曲播放,歌词同步)
weixin_30328063的博客
06-14 834
先看下效果 github上做的一个音乐播放器:https://github.com/SorrowX/electron-music 中文歌曲 英文歌曲(如果有翻译的中文给回返回出去) 韩文歌曲 来看下解析歌词的类 class Lyric { constructor(data) { this.data = dat...
html5 音乐播放器 audio 标签使用概述_html5教程技巧
weixin_30815469的博客
10-24 129
<audio> 标签属性：src：音乐的URLpreload：预加载autoplay：自动播放loop：循环播放controls：浏览器自带的控制条 <audioid="media"src="http://www.niuzen.com/test.mp3"controls></audio> <video> 标签属性：src：视频的URLposter：视...
网页中添加背景音乐
gu_eu的博客
04-02 8665
网页中添加背景音乐 方式一： <video controls="" autoplay="" name="media"> <source src="音乐链接" type="audio/mpeg"> </video> 方式二 <video controls="true" autoplay="true" name="media" loop="true" hidden="true"> <source src="http://music.163.com/son
网易云音乐的外链URL
热门推荐
qq_21856335的博客
07-14 3万+
网易云歌曲一般会有一个外链http://music.163.com/song/media/outer/url?id=562598065.mp3其中id改为相应的歌曲ID即可从而实现对网易云音乐歌曲的抓取
audio标签播放本地音频
最新发布
12-06
以下是两种使用audio标签播放本地音频的方法： 1.使用原生audio标签 ```html <div> <audio controls> <source src="./扫描成功.mp3" /> </audio> </div> ``` 2.使用JavaScript控制播放 ```html <div> <audio controls ref="audio"> <source src="./扫描成功.mp3" /> </audio> </div> <z-button @click="play('扫描成功.mp3')">播放1</z-button> <z-button @click="play('未命名文本3.mp3')">播放2</z-button> <div> <script> play(val) { let music = new Audio() // 这里获取播放路径 music = require(`./${val}`) this.$refs.audio.src = music this.$nextTick(res => { const { audio } = this.$refs audio.load() audio.play() }) } </script> </div> ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值