【教程】如何在HPOI的相册添加背景音乐?5年前

我在HPOI富文本编辑器写HTML系列(跑)

赞美HPOI的相册富文本编辑器,还有很多功能有待发掘,今天给大家带来HPOI相册插入音乐的技巧,注意,这个技巧目前只适用于网页端

实际效果测试

教程

第一步:打开网易云音乐网页版

找到你想插入的歌曲,点开它,在浏览器网址栏复制它的歌曲ID

第二步:打开你的HPOI相册,进入编辑页面


点开工具栏的代码视图

页面大概是这样的

重点:在“《/p》”之后和第二个“《p》”之间,插入这段代码,将你选择的音乐ID替换下面代码后id=xxxxxxx的那一串数字,如果想自动播放可以将auto=0改为auto=1,不过不推荐这么做,可能给其他打开网页的站友带来麻烦

<“引号里的字复制的时候删除”div> <“引号里的字复制的时候删除”iframe border="0" src="//music.163.com/outchain/player?type=2&id=469508562&auto=0&height=66" width="330" height="86" frameborder="no"> <“引号里的字复制的时候删除”/iframe><“引号里的字复制的时候删除”/div>

将player?type=2改为player?type=0可实现歌单播放,id填显示网页时歌单的id

感谢站内用户@小偶小偶 提出的改进

最后提交修改,大功告成!

我这个相册在浏览器的显示效果大概是这样的

打开APP,查看更多精彩内容
评论
好像被和谐了?HPOI不让改了
1年前
感觉成QQ空间那味儿了···
5年前
插个script能写个JS吗
5年前
树树头 9楼
23333你甚至可以在hpoi学习h5
5年前
mozu 8楼
我这咋点不出代码视图。。。
5年前
枫言w 7楼
可惜不能自动播放( ̄3 ̄)a
5年前
kyubye 6楼
学会了,这就去试试
5年前
(✪ω✪)
5年前
非常nice(๑•̀ω•́๑)
5年前
很棒的ideaヽ(゚∀゚)メ(゚∀゚)ノ,h电台每晚十二点整点播放
5年前
将player?type=2改为player?type=0可实现歌单播放,id填显示网页时歌单的id
5年前
点赞!
5年前
打开APP,查看更多精彩内容