网易云播放器外链插入html,Wordpress网易云外链音乐播放调用

最近想写点音乐感受类的文章。中间穿插一些音乐播放效果肯定非常不错。于是网上搜寻了一会,经亲身实践后,找到两种靠谱的方法。现在分享出来。

首先我发现原来网易云音乐官方已经提供了这个生成外链音乐的功能。我们进入网易云音乐后,选择自己想要插入的歌曲。然后可以看到歌曲页面有个生成外链播放器的链接。我们点击它。

419e172d0c82326e3347ca3628a7f102.png

然后可以看到这里有两种代码插入方式:

一是iframe元素法。

优点:可以自己调整插件的高度、宽度

缺点:很多博客网站不支持嵌入iframe,请试一下您的网站是否支持

二是flash插入法。

优点:可以适用大部分的博客,如网易、新浪博客等

缺点:无法自己调整插件的高度、宽度

21ee2802a6bb33c576cbf7f539631419.png

接着我们可以选择其中的一种,然后调整一下尺寸,是否直接播放等选项。

066c568964be770e433d78b6c32892fd.png

最后就可以复制代码插入到文章中了。比如我选了一首陈奕迅的《预感》。代码如下:

参数说明:

width(宽度)和height(高度)#按自己的需求调整id=67787 #为歌曲的IDauto=0 #0为不自动播放,1为自动播放

对于歌单和专辑等有歌曲列表的则是另外一种代码,操作步骤与上述一样。

67986e7839dca9a0955f56aa88b041d9.png

1.对于歌单和专辑外链播放器,可以选择大中小三种尺寸,单曲和电台节目可以选择中小两种尺寸。你可以选择最适合你网站设计的尺寸。

2.还可以选择是否要自动播放,打上勾后,别人访问网站时播放器会自动开始播放。

c12a326dcb1df6ccb69a6ca99d3a5d51.png

3.最后将播放器的代码黏贴到你的网站上,大功告成!

第二种方法:

第一步打开网易云音乐,随便找到一首歌,播放,复制网址的ID,

例如:陈奕迅的《预感》,网址是:

http://music.163.com/#/song?id=67787

然后可以看到歌曲的ID是67787

那么,这首歌的外链地址就是:

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

代码依然可以使用上面的iframe元素法,把前面的链接部分替换一下

不过这种方法会自动播放,我就不演示了。

以后就可以用这种方式

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

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

不过我发现直接在放上链接,就默认显示播放了。太神奇了!!!

举报/反馈

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/43326.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

轻松下载网易云音乐中的歌曲

最近快毕业了,想做一个视频记录一下三年的学习时光,背景音乐准备使用《祝你一路顺风》,找到网易云音乐中的这首曲子,也是原唱,非常满意,但是下载的时候需要安装软件,这就不开心啦,于…

网易云音乐Mac上传云盘

网易云音乐上传助手 主要是为了解决 MAC 版本网易云音乐无上传音乐至云盘的功能,感觉很不方便,所以自己用 Electron 写了个工具,同时也希望能帮助到你 ~~ 首页 上传 使用方法(GitHub地址) 1. 你可以直接点击右侧 Re…

网易云音乐登陆显示服务器错误,网易云音乐-登录业务流程还原

网易云音乐-登录业务流程还原产品:网易云音乐 版本:Android V5.9.1.789389 时间:2019年3月17日 体验人:望见鱼 梳理绘制思路 1.梳理【登录】流程(仅:手机登录,微信登录) 2.通过暴力测试,发现有哪些异常情况,错误系统是如何系统,并记录异常的提示文案和系统对错误的反应…

网易云音乐——网易云云盘上传音乐自动改名的解决方法

文章目录: 1 问题描述2 解决办法2.1 出现这种问题的原因2.2 解决该问题的具体方式 1 问题描述 如下我选择要上传的mp3文件:005【情绪表达】想被人了解,就不要自己先捣乱——情绪表达误区.mp3 大家可以看到:上传的文件名为005【情…

实现网易云课堂《SSM高级整合视频教程》一课的项目(尚硅谷教育提供)

博主实现了网易云课堂中《SSM高级整合视频教程》一课讲述的项目,并对前端代码进行了一定程度上的解耦。 运行效果 源码地址 https://github.com/Hunter1023/SSM_CRUD,觉得有用麻烦Star/Fork,欢迎留言讨论。

arm64Linux网易云,网易云音乐arm版

网易云音乐arm版是一款采用arm打造的网易云音乐,能够支持Linux系统的正常实用,网易云音乐arm版有着同样优秀的画面你等着大家尝试,这里有着海量的歌曲一定可以让大家尝试到最棒的效果,与windows版本没有多少区别,快来下…

网易云课堂课程下载教程

网易云课堂不能下载视频,缓存打不开? 记: 网易云课堂、中国大学mooc这些学习平台确实大大方便了我们这些工作党学习,之前一直用的是手机客户端看视频,但是由于换手机啊,清理垃圾啊,手机储存容量各种原因,同一个课程下载了好几次,下完又被清除。今天发现了一个好东西,…

干货,下载网易云课堂和B站的视频

原文网址:https://www.jianshu.com/p/ad20e5a63353 我们在平时的学习中,很有可能会接触 网易云课堂 和 BIlibili 这两个很棒的网站。 有的时候我们在线观看不方便,总是想把网站里面的视频下载到电脑,然后自己闲暇时间进行学习。 方…

网易云课堂视频下载

1 通过网络分析找到视频的网址 2源代码如下: import requests import osimport optparseheaders {"User - Agent": "Mozilla / 5.0(Windows NT 10.0;WOW64) AppleWebKit / 537.36(KHTML, like Gecko) Chrome / 84.0.4147.105 Safari / 537.36"…

【工具】putty下载、安装、使用和常用设置教程

一,Putty简介 Putty是一个远程登录工具,适用于 Windows 和 Unix 平台的Telnet、SSH和 RLOGIN客户端。 跨平台支持:PuTTY 可以在多个操作系统上运行,包括 Windows、Linux、Mac 等,使得在不同的平台上使用相同的工具成为…

保姆级教程,龙蜥操作系统安装使用一步到位!

本文以龙蜥操作系统(Anolis OS) 8.4 为例,为龙蜥社区的用户提供安装指南,希望本文能帮助用户可使用图形化安装接口部署 Anolis OS 到目标平台上。 一、准备 ISO 安装镜像 登录龙蜥社区下载页面(链接地址见文末)获取适合自己架构及…

开源GPT-4小羊驼(Vicuna)快速上手指南

小羊驼(Vicuna)是什么 Vicuna: 一个开源的GPT,宣称实现了GPT-4 90%的功能。 UC伯克利学者联手CMU、斯坦福等,再次推出一个全新模型70亿/130亿参数的Vicuna,俗称「小羊驼」(骆马)。 并且和其他以往不同的是…

超越ChatGPT:AgentGPT正在将自主AI带到浏览器中

你好,欢迎来到人工智能领域的新时代!今天我们介绍AgentGPT,这是一款最前沿的基于浏览器的平台,旨在革新人工智能的自主性。这项开创性的技术让你能够在舒适的网络浏览器中创建、配置和部署定制化的人工智能代理,以实现…

专题 - NanoFramework项目案例

专题 - NanoFramework项目案例 如果有时间,我会在周报中加入一些专题和项目案例的分享,本周就是讨论.NET NanoFramework项目案例的专题,在讨论 NanoFramework 的典型案例之前,让我们先回顾一下 .NET 在嵌入式领域的历史。 2007年&…

element ui日期选择器限制时间范围一年内

效果展示: 开始时间: 结束时间: <el-form-item label"活动时间" required><el-col :span"11"><el-form-item prop"startDate"><el-date-pickertype"date"placeholder"选择开始日期"v-model"que…

elementUI 选择年份 只能选前一年或者后一年

选择前一年&#xff1a; <el-form-item label"年份:" prop"pro_years"><el-date-pickerv-model"getFormData.pro_years"type"year"style"width: 100%":disabled"getNotUse"format"yyyy"value…

通过线上app做一个地域关联的粗略分析(程序员该去哪个城市发展)

前言 移动互联网通过这么多年的发展&#xff0c;如果还有人说没有用过手机app&#xff0c;那肯定会被嘲笑落后于时代的发展。废话少说&#xff0c;我们今天就来看一下哪些地区移动互联网产业比较发达。数据都来源互联网&#xff0c;本人只代表个人看法&#xff0c;有错请指正。…

CharGPT无法替代的职场发展底层逻辑

​ 什么是职场发展的两大底层逻辑&#xff1f; 一为对事&#xff0c;一为对人&#xff0c;二者不可偏废&#xff0c;否则就会成为“职场上的瘸子”。 01 在刚开始工作的很长一段时间里&#xff0c;我遇到了同一个问题 - 虽然我对自己的工作认真负责&#xff0c;但职业发展却并…

Amazon SageMaker测评分享,效果超出预期

一、前言 随着科技的进步和社会的发展&#xff0c;人工智能得到了愈加广泛的重视&#xff0c;特别是最近大火的Chatgpt&#xff0c;充分展现了研发通用人工智能助手广阔的研究和应用前景。让越来越多的组织和企业跟风加入到人工智能领域的研究中&#xff0c; 但机器学习的实施是…