音乐视频外链

更新于 2020-03-11 分类： Software > Music 阅读次数：本文字数： 3.6k 阅读时长 ≈ 13 分钟

音乐下载与音乐播放器的设置方法。

I. 音乐下载

I.I. 浏览器插件

推荐使用浏览器插件，可以直接在音乐网址进行下载。详细说明查看插件脚本教程即可。

百度音乐助手chrome插件，突破百度音乐会员限制，突破百度账号限制，网页端直接下载高品质音乐，百度音乐助手带您畅享高品质音乐。
安装Tampermonkey 插件（Chrome 、 Firefox、Safari、Microsoft Edge、Opera 等常见浏览器都可以用）：
- 安装百度音乐助手
- 安装百度音乐盒去广告脚本
- 安装网易云音乐高音质下载，安装脚本后 Shift+1 开启后即可正常播放。Shift+2 关闭
- 安装网易云音乐高音质支持
download mp3 files/albums from xiami.com and music.163.com
A Flask Music Project：~~163music-APlayer-you-get-docker 支持 HTTPS 解析方法~~。如果希望下载更多歌曲或视频，请参考you-get ¹。

I.II. 外链获取

对于下载音乐，以下网站均可使用²：HHTJim's部落格，多站合一音乐下载。

获取唱片封面：百度图片

这里主要讲博客的永久外链获取。如果需要将音乐外链应用到博客中，外链形式应该尽可能固定，不包含日期、KEY等，建议按照以下顺序进行获取，最好试听一下得到的音乐链接。

I.II.I. 全网音乐

首推HHTJim's部落格。还是可能存在失效情况（2020年3月10日更新）。
~~170MV~~

I.II.II. 网易云音乐

使用http://music.163.com/song/media/outer/url?id=ID数字.mp3固定连接，其中ID数字是网易云音乐歌曲的ID，如https://music.163.com/#/song?id=29095562。

~~进去网址获取音乐地址，部分歌曲无法获取。~~

已失效

I.II.III. QQ音乐

参考链接：y.qq.com-php获取QQ音乐外链源码，QQ 音乐外链php 源码百度网盘下载。

使用代理外链：
1. 在QQ音乐搜索歌曲，网页链接可以得到songmid，点击“更多-分享-复制链接”（或者右键查看“网页源代码”，查找songid），得到songid。
2. 然后代入替换如下测试链接中的ID，如无法试听及下载，说明该方法失效。
  1
  2
  3
  http://thirdparty.gtimg.com/C100{songmid}.m4a?fromtag=46
  http://ws.stream.qqmusic.qq.com/{songid}.m4a?fromtag=46
  http://cc.stream.qqmusic.qq.com/{songid}.m4a?fromtag=52

已失效

QQ音乐加油站](http://www.qqmusic.cc/somusic)，也可获取唱片封面地址。

已失效

I.II.IV. 网盘外链

OneDrive外链：

~~微软OneDrive网盘直链获取工具，OneDrive 网盘文件永久外链获取，已失效，现分享前缀为https://1drv.ms/u/s!APlDl45Z7AV8gQg。~~
1. 点击访问获取OneDrive直链(测试链接)。
2. 点击从OneDrive选择文件按钮，等待打开新窗口。
3. 在新窗口中登陆OneDrive对应的账户并授予需要的权限。
4. 进入OneDrive“公开”文件夹内选择需要获取直链的文件（同一文件夹内可多选），点击打开。选择需要输出的掩码格式，输出面板内会自动生成对应的格式。一般选择最短链接形式即可，歌曲可能存在延时。

Cloudup外链：国外Cloudup网盘（需要谷歌访问配置）支持全格式文件上传，单文件限制大小为 200M 可以上传 1000 个文件，支持直接外链。

已失效

石墨文档附件，建立修改文件名为英文和数字，可能存在延迟或者不能连续读取问题。

已失效

I.II.V. 虾米音乐

已失效

首先进入虾米音乐，搜索自己想要的音乐，在页面查看源代码找到http://m.xiami.com/song/，后面的数字就是音乐ID。
然后进入在线获取真实的虾米 mp3 音乐地址（源地址）对应修改后面的ID回车，即可获取音乐地址（非mp3格式）等其他信息。

II. 音乐播放器

Github Pages 一般开启了 https ， http 播放器会无法显示，但是可以使用mp3直链方式插入。当然，如果把Github Pages绑定第三方域名（http环境）后也可以直接使用。

博客侧边栏播放器暂时推荐虾米外链播放器（外观可控）。

II.I. 外链模式

首先获取永久外链：获取网易云音乐外链，或获取QQ音乐外链，或获取Onedrive外链等。
使用<audio>标签播放器，设置自动播放，循环播放，隐藏播放器等属性加入即可：<audio controls="controls" height="100" width="100%" autoplay loop hidden="true"...>。
1
2
<audio controls="controls" playsinline="" webkit-playsinline="">
<source src="http://other.web.nf01.sycdn.kuwo.cn/resource/n2/40/14/3065311430.mp3" type="audio/mpeg"> </audio>

II.II. 虾米音乐插件播放器

进入虾米外链播放器设置后复制代码即可。（我的播放器设置）

<embed>标签举例：flash plyer模式，https环境测试失效，http环境测试成功。

1	<embed src="http://www.xiami.com/widget/0_1775449134/singlePlayer.swf" type="application/x-shockwave-flash" width="257" height="33" wmode="transparent"></embed>

javascript标签举例：flash plyer模式，https环境测试失效，http环境测试成功。不建议使用该模式，与next主题冲突，渲染失败。

1	<script type="text/javascript" src="http://www.xiami.com/widget/player-single?uid=0&sid=1775449134&mode=js"></script>

II.III. 网易云音乐插件播放器

https环境测试失效，http环境测试成功。

先通过网易云音乐搜索歌曲，点击“生成外链播放器”，复制<iframe>标签代码即可。当网页提示：由于版权保护，无法生成外链。其实原因是里面有受版权保护的歌曲。此时在页面右键“查看框架源代码”或“审查元素”，找到含有“outchain”的部分如"/outchain/0/35402755/"，得到外链http://music.163.com/#/outchain/0/24972133/，打开即可看到插件设置页。但是受版权保护的歌曲依然还是不能播放。

注意，如果使用iframe直接显示出代码，而不会显示播放器的。把iframe的width和height标签的值加上双引号就可以了。

使用<iframe>标签

1	<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width="330" height="100" src="http://music.163.com/outchain/player?type=2&id=247415&auto=0&height=66"></iframe>

使用<object>标签，flash plyer模式。

1 2	<object width="340" height="86" data="http://music.163.com/style/swf/widget.swf?sid=247415&type=2&auto=0&width=320&height=66" type="application/x-shockwave-flash"></object>

II.IV. HEXO音乐插件播放器

为了快速添加音乐，可以在hexo主题blog中安装网易云音乐标签插件：你只需要在页面或者文章中使用输入代码，就可以在网页中展示一个网易云音乐的widget，这里的sid可以是单曲的ID或者是歌单的ID。
1
2
3
4
5
安装
npm install hexo-tag-cloudmusic --save

使用
{% cloudmusic 20744792 %}

III. 视频播放器

大部分音乐/视频网站都可以直接生成播放器代码，直接粘贴到 Markdown 文档中即可使用。不过在 https 下，可能无法正常使用。目前只支持HTML的<vedio>标签的直链播放。另外，似乎优酷对flash的dll插件有冲突，火狐和chrome浏览器直接访问视频页面也无法加载视频，而IE却能正常打开。

推荐使用腾讯视频外链模式<embed>标签和音悦台视频外链模式<embed>标签，、注意width=的设置对应于手机的适配，可以设置为百分比width="100%"的。点击查看HTML-embed标签使用方法。

该属性规定音频或视频文件是否在下载完之后就自动播放。
autostart=true：音乐文件在下载完之后自动播放；
autostart=false：音乐文件在下载完之后不自动播放。

说明：该属性规定音频或视频文件是否循环及循环次数。
loop=正整数:音频或视频文件的循环次数与正整数值相同；
loop=true:音频或视频文件循环；
loop=false:音频或视频文件不循环。

volume 音量大小
该属性规定音频或视频文件的音量大小，值为0-100之间的整数。未定义则使用系统本身的设定。

controls 外观设置
该属性规定控制面板的外观。默认值是console。
controls=console：一般正常面板；
controls=smallconsole：较小的面板；
controls=playbutton：只显示播放按钮；
controls=pausebutton：只显示暂停按钮；
controls=stopbutton：只显示停止按钮；
controls=volumelever：只显示音量调节按钮。

align 对齐方式
该属性规定控制面板和当前行中的对象的对齐方式。
align=center：控制面板居中；
align=left：控制面板居左；
align=right：控制面板居右；
align=top：控制面板的顶部与当前行中的最高对象的顶部对齐；
align=bottom：控制面板的底部与当前行中的对象的基线对齐；
align=baseline：控制面板的底部与文本的基线对齐；
align=texttop：控制面板的顶部与当前行中的最高的文字顶部对齐；
align=middle：控制面板的中间与当前行的基线对齐；
align=absmiddle：控制面板的中间与当前文本或对象的中间对齐；
align=absbottom：控制面板的底部与文字的底部对齐。

III.I. 外链播放器

进去网易云音乐搜索相应的MV的ID，然后进去MV 直链获取获取直链地址，然后运用<vedio>标签。

<vedio>标签举例：

1
2
3

<video width="480" height="320" controls>
<source src="movie.mp4">
</video>

<video id="video" controls="" preload="none" poster="http://media.w3.org/2010/05/sintel/poster.png">
      <source id="mp4" src="http://media.w3.org/2010/05/sintel/trailer.mp4" type="video/mp4">
      <source id="webm" src="http://media.w3.org/2010/05/sintel/trailer.webm" type="video/webm">
      <source id="ogv" src="http://media.w3.org/2010/05/sintel/trailer.ogv" type="video/ogg">
      <p>Your user agent does not support the HTML5 Video element.</p>
    </video>

III.II. 优酷视频插件播放器

<embed>标签举例：https环境测试失效，http环境测试成功。在 http+Github Pages 环境下，火狐和chrome浏览器无法加载视频，IE正常打开。推荐使用 <embed>标签，外链外观大小合适。

<embed src="http://player.youku.com/player.php/sid/XNzQxMjU2ODI0/v.swf" allowFullScreen="true" quality="high" width="100%" height="100" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>

<iframe>标签举例：https环境测试失效，http环境测试成功。在 http+Github Pages 环境下，火狐和chrome浏览器无法加载视频，IE正常打开。

1	<iframe height=100 width=100% src="http://player.youku.com/embed/XNzQxMjU2ODI0==&isAutoPlay=false" frameborder=0 allowfullscreen></iframe>

III.III. 音悦台插件播放器

进入音悦台搜索视频分享即可，只有<embed>标签，会自动播放视频。

<embed src="http://player.yinyuetai.com/video/player/2533337/v_0.swf" autostart="false" quality="high" width="480" height="334" align="middle"  allowScriptAccess="sameDomain" allowfullscreen="true" type="application/x-shockwave-flash"></embed>

III.IV. 爱奇艺插件播放器

进入爱奇艺搜索视频分享即可，推荐使用<embed>标签，<iframe>标签外观异常，而且会自动播放视频。

<embed src="http://player.video.qiyi.com/1b7b600614117e3f268b83e08f5c29eb/0/0/w_19rtcso3bp.swf-albumId=5130708409-tvId=5130708409-isPurchase=0-cnId=5" allowFullScreen="true" quality="high" width="100%" height="100" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>

<iframe src="http://open.iqiyi.com/developer/player_js/coopPlayerIndex.html?vid=1b7b600614117e3f268b83e08f5c29eb&tvId=5130708409&accessToken=2.f22860a2479ad60d8da7697274de9346&appKey=3955c3425820435e86d0f4cdfe56f5e7&appId=1368&height=100%&width=100%" frameborder="0" allowfullscreen="true" width="100%" height="100%"></iframe>

III.V. 腾讯视频插件播放器

进入腾讯视频搜索视频分享即可，推荐使用<embed>标签。

<embed src="http://imgcache.qq.com/tencentvideo_v1/playerv3/TPout.swf?max_age=86400&v=20161117&vid=m0178qd1etl&auto=0" allowFullScreen="true" quality="high" width="100%" height="100" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>

1	<iframe frameborder="0" width="100%" height="100" src="http://v.qq.com/iframe/player.html?vid=m0178qd1etl&tiny=0&auto=0" allowfullscreen></iframe>

III.VI. Hexo视频插件播放器

Hexo 的 Tag Plugins 提供直接插入 Youtube 视频的方法。这种方式得到的视频框是 responsive 的，即视频框大小随浏览器窗口自动调节。如果想要得到固定大小的视频框，例如视频框大小为 320x180, 相应的代码为 (直接插入 html 代码，视频框还可以居中。
1
{% youtube zm_ztEhOB48 %}

1
<iframe width="100%" height="100" src="https://www.youtube.com/embed/zm_ztEhOB48" frameborder="0" allowfullscreen></iframe>

hexo-tag-tencent提供了快速插入腾讯视频的方式。