GameMale
标题: 关于在帖子中添加音乐和视频的心得 [打印本页]
作者: 黑达克 时间: 2023-1-15 23:52
标题: 关于在帖子中添加音乐和视频的心得
本帖最后由 黑达克 于 2023-4-14 14:56 编辑
受毛玉大大@书の妖怪 邀请，写一下自己在帖子中添加音乐和视频的心得。
[attach]224299[/attach]
我就是想放这张图而已
添加音乐（网易云音乐）
写在前面：付费/VIP歌曲是用不了的，免费歌曲如果后续变成付费/VIP歌曲的话，原来生成的链接也会随之失效。
原教学地址：https://www.gamemale.com/forum.p ... 8&page=1#pid1214071
在帖子中添加音乐需要的是音乐地址。
这是网易云音乐的音乐外链地址通用链接，在使用它添加音乐之前，我们需要先获得音乐在网易云音乐中的id。
- http://music.163.com/song/media/outer/url?id=.mp3
因此，添加音乐需要以下两步：
一、获取音乐id
以梁咏琪的《错过》为例。
客户端
右键歌曲，点击复制链接
可得：
- https://music.163.com/song?id=254672&userid=XXX
【id=】后的一串数字便是音乐的id了。
值得一提的是【userid=】后面的一串数字其实是网易云音乐中用户的uid，这里我做过处理，改用【XXX】代替。
网页版
歌曲界面，查看网页地址栏
可得：
- https://music.163.com/#/song?id=254672
音乐的id同样是【id=】后的一串数字。
可知《错过》这首歌曲的id便是254672，根据帖子最开始给出的网易云音乐的音乐外链地址，便能得到如下链接：
- http://music.163.com/song/media/outer/url?id=254672.mp3
以上便是《错过》这首歌曲的音乐地址。
二、添加音乐
有了音乐的地址后，就只剩下添加音乐一步了。
点击帖子编辑器中的【添加音乐】
将刚刚获得的音乐地址复制粘贴进来，点击提交，便能在帖子中得到如下代码
- [audio]http://music.163.com/song/media/outer/url?id=254672.mp3[/audio]
帖子发布后效果展示：
http://music.163.com/song/media/outer/url?id=254672.mp3
添加视频
同理，在帖子中添加视频需要的则是视频地址。
因此，添加视频需要以下两步：
一、获取视频地址
以梁咏琪的歌曲《错过》的MV为例。
b站
在对应的视频网页中选择【分享按钮】，下方有一栏视频地址，点击旁边的【复制】
可得：
- https://www.bilibili.com/video/BV1Nq4y1z76s?share_source=copy_web
这便是我们所需要的b站视频地址了，图方便可以直接使用。
精简美观一点将后面删去，改成如下也可以：
- https://www.bilibili.com/video/BV1Nq4y1z76s
- https://www.bilibili.com/video/
如果复制出来的b站视频地址格式不同，可以直接在上述通用地址后，加上对应视频的BV号（通常可以在视频简介处找到），便是所需的视频地址了。
油管
视频界面，查看网页地址栏
可得：
- https://www.youtube.com/watch?v=WJMT36uQ0PY
直接就是油管的视频地址。
如果你准备分享的油管视频，自己已有过观看历史的话，用来记录播放进程，视频地址是会以【&t=XXXs】结尾的。
但根据我的测试，即使视频地址后带有这一部分，对于分享出来的视频也是没有影响的，并不会从【t=XXXs】开始播放。当然删掉【&t=XXXs】的部分肯定是最保险的（XXX表示数字）。
二、添加视频
有了视频地址之后，和添加音乐一样，添加视频也是最后一步。
点击帖子编辑器中的【添加视频】
将刚刚获得的视频地址复制粘贴进来，确认好视频的宽、高，点击提交，便能在帖子中得到如下代码
- [media=x,610,450]https://www.bilibili.com/video/BV1Nq4y1z76s?share_source=copy_web[/media]
- [media=x,560,315]https://www.youtube.com/watch?v=WJMT36uQ0PY[/media]
帖子发布后效果展示：
b站
https://www.bilibili.com/video/BV1Nq4y1z76s?share_source=copy_web
油管
https://www.youtube.com/watch?v=WJMT36uQ0PY
三、关于视频的宽、高（额外补充）
视频的宽、高决定了帖子内显示的视频播放器大小，如果设定得太小的话，播放器的某些控件乃至整个控制界面会直接消失，只留下视频界面（适用于需要插入多个视频或者分享纯音乐等场合）。
b站的视频，根据播放器的不同样式设置不同大小（帖子发表后，便可在帖中确认到播放器的样式）
b站视频播放器（示例图 1:2）
而油管的视频，在它网页端嵌入视频的默认大小则是宽560，高315。
油管视频播放器（示例图 1:2）
如果需要宽度横向平铺整个界面时，则为宽820，高0（0表示自适应比例）。
[spoiler=宽820，高0的横向平铺界面效果展示]b站
https://www.bilibili.com/video/BV1Nq4y1z76s?share_source=copy_web
油管
https://www.youtube.com/watch?v=WJMT36uQ0PY[/spoiler]
关于在日志中添加音乐和视频的心得：https://www.gamemale.com/blog-681187-74291.html
[attach]224298[/attach]
这样写应该有清楚吧……
希望大家看完之后都可以和矢张发出同样的感叹！没想到我还能这样强行插入头图吧！
[attach]224296[/attach]
好就酱拜~
[attach]224300[/attach]
作者: 青のフラッグ 时间: 2023-1-15 23:57
是来自年度热心网友大可的分享，绝佳好评
(等CD)
作者: 娱乐法师火布偶 时间: 2023-1-15 23:59
感谢黑达克的详细教学，希望新人们都能学会
作者: 书の妖怪 时间: 2023-1-16 00:00
前排，感谢黑达克的保姆级教学贴，真的非常详细，几乎是直接把饭喂嘴里了
目前随着论坛新用户的增多和假期的临近，包括音乐交流版块在内的不少版块都开始涌现出了低质量帖子，其中音乐交流版块的不少帖子主要问题集中在不会插入歌曲和mv视频上，相当影响帖子观感和帖子质量。
相信黑达克的教学贴能更好地帮助在音乐交流版块发帖的新人提高帖子质量
作者: hehe6 时间: 2023-1-16 00:03
感谢大可老师，能直接给新人贴地址的贴子又多一个
作者: user_login 时间: 2023-1-16 00:06
好总结！我的话就会写个自动转换链接的工具。
巧了，我今天刷视频偶遇成步堂
作者: Burry 时间: 2023-1-16 00:09
真的是保姆级们的教学呢，希望大家发帖子能规范一点呢，最近低质量帖子真的太多了，乱来的。
作者: Lavieenrose 时间: 2023-1-16 00:09
谢谢大神分享，先码以备不时之需
作者: abba 时间: 2023-1-16 00:14
真的很详细了，音乐板块大利好，感谢大颗老师
作者: olo 时间: 2023-1-16 00:15
又学到一招，之前不会添加音乐，现在会了，感谢大大的心得分享~
作者: lengyuxing123 时间: 2023-1-16 00:16
哇 学到了！很详细啊！谢谢大佬
作者: Just Dust 时间: 2023-1-16 00:17
是黑达克的干货知识分享呢！追随献上了w
刚意识到原来黑达克也是逆转厨
作者: WintercaT 时间: 2023-1-16 00:18
感谢大大的教学，我原本也打算写篇音乐分享帖子，这个很有帮助，帖子……也许某一天就能写出来了（
作者: Stalovte 时间: 2023-1-16 00:18
真的是良帖，对于经常在音乐版块水帖发帖的我很有帮助，网易云的链接总不会弄
作者: 深暗幽狼 时间: 2023-1-16 00:19
萌新教学帖.jpg
要是我会一些小寄巧是不是可以学优老湿来水呢（思索
作者: Lano 时间: 2023-1-16 00:23
大可高质量喂饭教学贴，建议加精
作者: 歧路歌 时间: 2023-1-16 00:24
之前一直只会添加视频，原来音乐是这样加的，感谢楼主分享
作者: mzhk 时间: 2023-1-16 00:37
看着很有用的样子，收藏了
作者: sb123 时间: 2023-1-16 00:37
本帖最后由 sb123 于 2023-1-16 00:39 编辑
学废了学废了~这就准备先去音乐区水掉这周的额度~每周水五贴~何愁买不了软泥怪蛋（不是）
本来还以为追随够用了~没想到又要等三连的CD了~~_(:з」∠))_
福星高照，这下我就差两旅程了，功夫不负水贴人啊，真是令人泪目
作者: 月下夜想曲AAA 时间: 2023-1-16 00:38
非常详细的教学过程，楼主辛苦了
作者: 识缘无情 时间: 2023-1-16 00:44
论坛支持b站所以链接比较简单，如果是不支持的视频链接，尤其是地址最后不带MP4等尾缀的那可就不一定能连接成功了
作者: 天海一色 时间: 2023-1-16 00:51
新帖被表情符號gank了
,大半帖子內容都顯示不出來,連改都改不了
等我墮落回完再補評分。
作者: ga2006024244 时间: 2023-1-16 00:55
我這電腦初新者應該也能學得會0.0
收藏
作者: 芥末沙拉 时间: 2023-1-16 02:44
灰常详细的教程了，以后直接甩链接到那些不规范发帖的新人面前
作者: 轮回2L 时间: 2023-1-16 02:46
感谢高质量的教学惹，音乐区新人必看贴
作者: 阿斯蒂芬方块 时间: 2023-1-16 05:19
超级详细的教学欸，感谢分享
作者: 上树 时间: 2023-1-16 07:15
我还真没在帖子里加过音乐或视频。受教了
作者: cc簗橗 时间: 2023-1-16 08:45
手把手教学插视频，建议不会的朋友们观摩学习下
作者: 里迅 时间: 2023-1-16 08:49
必须支持，然后进收藏夹吃灰（悲）
作者: zhuovboyan 时间: 2023-1-16 11:10
0-0 非常详尽的实用攻略贴呀 光速收藏~
作者: 某乖leo 时间: 2023-1-16 12:10
感谢黑达克的教程~
网易云音乐原来还得绕一圈弯啊
作者: 成成成成成 时间: 2023-1-16 14:33
我按照大佬的过程弄了一下，不知道为啥插入的还是链接，而不是视频o(╥﹏╥)o
作者: GLaDOS 时间: 2023-1-16 17:28
太棒了 非常详细的教程 下次发帖试试吧
作者: atonwolf 时间: 2023-1-16 18:08
MP3的界面上能加歌曲的图片和演唱者 歌曲名吗？就一个 - 看着怪怪的。
作者: 毛茸茸兽兽 时间: 2023-1-16 20:03
感谢黑达克的教程，咱之前还弄不懂怎么添加音乐呢，感谢~收藏起来！
作者: davidhigrid 时间: 2023-1-16 20:43
每天一個發帖小技巧，就能成為發帖大師，收藏了
作者: raccooncop 时间: 2023-1-16 22:11
是大佬的手把手教學
有了這個相信以後帖子的質量會上升不少吧
辛苦大佬了
作者: xianglin12 时间: 2023-1-17 20:21
感谢黑大的教学贴，帖子里也可以玩出更多花样啦
作者: sb的画画小号 时间: 2023-1-17 20:29
感谢嘿嘿嘿天使的教学，真的是很不错，再也不会看到音乐贴里面还有个运行代码了。
作者: zha_glia_g 时间: 2023-1-17 20:54
很有用的贴子，收藏噜，下次发音乐贴的时候试试
作者: 努力学习的安安 时间: 2023-1-17 20:56
之前只会网易云的，大可老师太细心惹
作者: boowak03 时间: 2023-1-19 05:42
感谢分享，心得内容很详细，每个步骤都讲解的很易懂，以后在帖子里添加音乐和视频简单多了
作者: land动了 时间: 2023-1-23 13:25
感谢分享，帮助很大
作者: 以洲 时间: 2023-1-24 19:38
果然是毛玉大佬，最近为了做任务很多人在音乐分享板块水贴惹
作者: CervoZe 时间: 2023-1-24 20:59
感谢分享，有很大的帮助
作者: 咕絮唔唔 时间: 2023-1-24 21:19
感谢这么详细的教程呢，先码住，说不定哪天会用上
作者: 萨姆奶卡阔以 时间: 2023-1-25 05:05
感谢教学分享，傻瓜式保姆级，一学就会，学到了
作者: w410332639 时间: 2023-1-25 10:28
感谢大佬教学，先看看攻略，看看能不能水几篇音乐分享
作者: x30358987 时间: 2023-1-25 19:12
感恩，学会这两招后，排版好看不少，终于不用点一下运行代码了！
作者: 凯诺斯 时间: 2023-1-25 19:17
感谢楼主的总结分享，以后发贴内容可以更加丰富好看啦
作者: cswjwp 时间: 2023-1-29 20:02
会啦，感谢楼主大大！
作者: 七曜魔女 时间: 2023-1-31 15:13
感谢教学贴编写，这边是一枚正在打算发布音乐贴的新人，之前编辑的时候试了一下怎么都插不进歌曲，用了楼主的方法直接就成功了，非常实用。
作者: alexwang 时间: 2023-2-3 10:26
感谢分享，有学到。
作者: xiaohongfu 时间: 2023-2-9 15:27
感谢黑达克的保姆级教学贴，一会去试试能不能发出来
作者: O.o！ 时间: 2023-2-16 21:28
感謝告知b站視頻放上來的尺寸，在這之前我是不知道的，都是直接插入的，回過頭來看直接插入的確實很小
作者: Makima 时间: 2023-2-16 21:34
太强了，追随献上
作者: 神羅天谴 时间: 2023-2-17 16:39
真的是超级实用的教程啊！以后肯定要用到的，感谢分享！
作者: samsoon 时间: 2023-2-18 01:11
感谢大佬的保姆级教学贴，很详细~
作者: 13170414936 时间: 2023-2-23 19:18
感谢楼主大大整理教学 真的用心噜 努力学习中
作者: gggz1302 时间: 2023-2-24 21:28
学到了，以后用得上，谢谢
作者: LittleSparrow 时间: 2023-3-3 20:06
大可老师谢谢你，现在才发现感觉有点晚，哈哈
作者: zmmmm_ 时间: 2023-4-13 19:12
非常实用的教程，先收藏起来
作者: Tatta 时间: 2023-5-7 18:54
太有用了，收藏！真不知道为什么网易云的链接要先处理，而B站的视频直接把链接放进控件就能用。
B站的视频尺寸好像太大也不好？因为贴子内是不登陆的状态只有360P，放大反而糊糊的。油管虽然没这个限制不过一般是优先B站吧…
作者: AncL 时间: 2023-5-7 23:08
太好惹 正好最近有好多想分享的音乐 还不知道怎么发
作者: Morphyus 时间: 2023-5-7 23:12
接近嘴对嘴喂式的姆妈版教学了，感谢楼主
作者: 季夏的呆橘 时间: 2023-7-1 03:06
谢谢黑达克的教程 尝试努力一下希望成功
作者: Nittbone 时间: 2023-7-1 08:06
天天用，次次用，居然没有留下我的痕迹，按爪
作者: 野生狗头人 时间: 2023-7-9 14:05
这下就能在帖子里加入音乐了，十分感谢
作者: 喀喀喀 时间: 2023-11-1 16:00
挺实用的，看了一遍，受益匪浅
作者: 大墨迹 时间: 2023-11-9 14:55
视频外链还是老老实实用网站的比如哔站和油管，之前提取出来的外链超级慢，卡到无法自理
作者: cdcai 时间: 2023-11-22 16:41
一键生成链接代码就很适合我这种懒人
作者: chouki 时间: 2023-11-24 19:36
这个添加视频链接的教程真的帮了我好多◝₍ᴑ̑ДO͝₎◞(凌乱的记忆浮现ing)
作者: 105081843 时间: 2023-12-11 17:47
这个我还不清楚 不过最近我想在我的帖子加入heaven
作者: Sam30 时间: 2024-3-8 14:18
感覺貼子又可以變得更加豐富的說, 很喜歡的捏
作者: koh 时间: 2024-5-3 01:30
这就是学习的圣经！论坛这种经验没有过来人引荐真的很抓虾
作者: TNGUZI 时间: 2024-6-30 00:10
非常感谢，我正想分享音乐，还在想怎么搞呢
作者: 星之子 时间: 2024-7-2 17:05
其实只要搞清楚浏览器地址栏里那一串网址的结构，就不难理解了
作者: XLK 时间: 2024-7-2 17:39
很棒的教学了，现在很多新人发帖时都不知道怎么插入视频，应该向他们推荐黑达克老师的这个帖子
作者: White_sky 时间: 2024-7-2 22:34
很详细的教程，之前都是自己上传的网站外链很麻烦，这个可以直接用网易云的很方便呢
作者: ditto 时间: 2024-7-3 09:33
我一般都是直接插入视频哈哈，以后可以插入音频了，很实用
作者: 枫_Age 时间: 2024-9-15 12:57
感谢大佬指引QAQ
作者: 我们一起学狗叫 时间: 2025-2-1 21:55
太有用了，我甚至之前想发个悬赏问问怎么添加视频，结果竟然有教程！感谢楼主
作者: 636216 时间: 2025-8-7 16:09
谢版主科普~很有用。。。。。终于明白了
| 欢迎光临 GameMale (https://www.gamemale.com/) |
Powered by Discuz! X3.4 |
