听雨轩

筱曦

这个好，收藏着，谢谢听雨

雨馨

悠悠的岁月 发表于 2020-5-25 09:50
把你的头像或签名换上去更漂亮
不开玩笑真的可以换底图和特效

谢谢悠悠的提醒，有空试试，问好，新周快乐

竹轩听雨

悠悠的岁月 发表于 2020-5-25 09:46
不错的网页播放器
可以加载多首音乐
关键是手机也能欣赏

欢迎悠悠来访，先上茶。悠悠制作的播放器我也是见过的，
在制作播放器方面悠悠也是行家。这款迷你播放器在制作方面，
还是主要面向文字和音乐模板，所以也就没有加入播放列表，
这款播放器的稳定，正如悠悠所说决取于所上传的服务器。
其实制作H5的播放器并不难，难的是一些会员无上传特定文件的权限。
这款播放器制作初期，主要定位在让喜欢的朋友都可以用，也就增加了制作难度，
在制作过程中也遇到了不少问题，不过最终都解决了。
这个小播是可以DIY，有一些PS和FL的基础就可以自己制作的。
暂时还没有把与播放控件的相关CSS文件外置，有需要也是可以开放的，
不过要增加发帖代码的长度，不过感觉还是简单点好。

竹轩听雨

网易云和酷我音乐取MP3地址：
一、网易云音乐取外链：
网易云音乐有二种：
1.https://music.163.com/#/song?id=1376177869
音乐外链为：https://music.163.com/song/media/outer/url?id=1376177869.mp3
2.https://music.163.com/#/program?id=793390659
对于这种个人翻唱歌曲，id要经过转换，才能调用。
首先取网址中的id部分如：793390659，加到https://music.163.com/api/dj/program/detail?id=后面，
如：https://music.163.com/api/dj/program/detail?id=793390659，然后在浏览器地址栏中，转到这个地址，就可以看到其中的内容，在第一行中：
{"program":{"mainSong":{"name":"【点点。】乌兰巴托的夜","id":429207192,"position":0,"alias":[],"status":0,"fee":0,"copyrightId":0,"disc":"","no":0,"artists":[{"name":"点语心音"……
能看到有一个id":429207192， 其实这个429207192才是我们要调用的id，
音乐外链为：https://music.163.com/song/media/outer/url?id=429207192.mp3
二、酷我音乐取外链：
如：http://bd.kuwo.cn/play_detail/1869432
MP3地址：
http://antiserver.kuwo.cn/anti.s?useless=/resource/&format=mp3&rid=MUSIC_1869432&response=res&type=convert_url&
　　

　

听雨轩

迷你播放器

- Mini Media Player -

01

用论坛编辑器排版

复制好边框代码后（保存一份代码到一个文本文件中备用），在纯文本和html双打勾状态下，粘贴代码到论坛编辑器，编辑图片地址。然后进入纯文本不打勾状态，编辑文字，当文字编辑好后，进入纯文本打勾状态，复制迷你播放器代码（从先前保存的那个文本文件中）到论坛编辑器中。也就是说，在确认图片文字排版都没有问题后，再复制迷你播放器代码到相应位置，复制好迷你播放器代码后，就不要在预览排版效果了，而是直接点发表。
如果觉得发表后，排版还要修改，那就在修改完成后，再补上迷你播放器代码，直接点发表。关键就是复制迷你播放器代码到论坛编辑器后，就不能再预览效果，而是直接点发表，不然就会出现发帖后，迷你播放器代码部分丢失，播放器不能正常使用。

02

用电脑在本地排版

就是把代码复制到记事本文件（.txt)中保存，然后把这个记事本文件的后缀由（.txt）改成（.html)，这个后缀为（.html）是可以在电脑上用浏览器打开的。修改（.html）中的代码时，可以把这个（.html）网页文件图标，拖入到一个打开的记事本文件（.txt）中，在这个打开的记事本文件中就能看到代码了。 修改里面的代码后保存，再用电脑上的浏览器预览（.html）效果，这样就可边修改，边预览了。没有问题后，再把记事本中修改好的代码，复制粘贴到论坛编辑器中，直接点发表就行了。

03

发帖相关注意事项

1.纯文本和HTML代码先双打勾，再复制粘贴代码。
2.编辑代码发帖时，建议用电脑，操作方便，少出问题。
3.帖子里的配图是圆形时，图片素材最好裁切成正方形。
4.两个同款迷你播放器不要在同一页中出现，不然控件会有冲突。
5.行首缩进时，可在代码中，输入法在中文状态下敲二次空格。
6.在本地预览（.html）出现乱码，在保存文本文件时，编码选UTF-8格式。
7.建议在存图区试帖正常后，再正式发帖。

8.Edge浏览器在极速模式听不到音乐的设置方法。

竹轩听雨

关雎尔TQ 发表于 2020-5-25 09:59
以后可以套鞋来美美帖子啦。

套鞋遇到问题来找我

竹轩听雨

筱曦 发表于 2020-5-25 10:00
这个好，收藏着，谢谢听雨

筱曦来了，先上茶。
筱曦的音画和唱歌都很好，
如能帮到你，我也是很开心。

竹轩听雨

关雎尔TQ 发表于 2020-5-25 10:00
我很喜欢那款紫色的。

那款紫色的我也比较喜欢，浅风儿喜欢尽管用。

竹轩听雨

雨馨 发表于 2020-5-25 08:37
漂亮的播放器，收藏了，谢谢听雨。

收藏了可以，可别过了保鲜期啊。

竹轩听雨

鳅鳅 发表于 2020-5-25 07:28
谢谢大神

谢谢是可以的，大神还是就算了吧。
很开心能在这里看到鳅鳅。

竹轩听雨

尘土飞扬 发表于 2020-5-24 22:46
放这里不容易被找到哎，要不要移到音乐沙龙？

要是知道能放到音乐沙龙，
也应该好好准备准备。
谢谢飞扬了。