再试

樵歌

樵歌

怎么回事呵，图片没现完，音乐不出来

樵歌

@马黑黑 红影

樵歌

@红影

樵歌

<style>
#papa { margin: auto; width: 700px; height: 420px;background: gray url('https://pic.imgdb.cn/item/638c36c416f2c2beb14c9462.jpg')no-repeat center/cover; box-shadow: 3px 3px 20px #000; position: relative; }
</style>
<div id="papa">
</div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=1375167424.mp3" autoplay loop></audio>
<script>
(function() {
        (function(mkPlayer){let defaults = {player_css: 'bottom: 10px; left: calc(50% -50px);',playerCode: `<style>#mplayer { position: absolute; --track:hsla(100,30%,80%,.65); --prog: hsla(100,60%,40%,.55); }#btnwrap { display:block; fill: var(--track); opacity: .95; cursor: pointer; }#btnwrap:hover {opacity: 1; }#track { fill: none; stroke: var(--track); }#prog { fill: none;stroke: var(--prog); }</style><svg id="mplayer"width="100" height="100"><gid="circle_wrap" transform="rotate(-90, 50, 50)"style="cursor: pointer;"><circle id="track"cx="50" cy="50" r="40"stroke-width="10" /><circle id="prog"cx="50" cy="50" r="40"stroke-width="10" /></g><gid="btnwrap"><path id="btnplay" d="M 40 40,4060,60, 50 z"></path><path id="btnpause" d="M 4240,42 60,47 60,47 40,42 40 z M 50 40,50 60,55 60,55 40,50 40 z" style="display:none;"></path><path d="M 47 50,50 40,50 60,47 60 z"fill="transparent" /></g></svg>`,};let playCode =(user_config) => {let data = Object.assign({}, defaults,user_config);papa.innerHTML += data.playerCode;mplayer.style.cssText +=data.player_css;let cc = { x: 1 * track.getAttribute('cx'), y: 1 *track.getAttribute('cy'), len: track.getTotalLength(),};prog.style.strokeDasharray = prog.style.strokeDashoffset =cc.len;btnwrap.onclick = () => aud.paused ? aud.play() :aud.pause();circle_wrap.onclick = (e) => {let deg = Math.atan2(e.offsetY -cc.y, e.offsetX - cc.x) * 180 / Math.PI;deg += (e.offsetX < cc.x &&e.offsetY < cc.y) ? 450 : 90;aud.currentTime = aud.duration * deg /360;};aud.addEventListener('timeupdate', () => {prog.style.strokeDashoffset= cc.len - cc.len * aud.currentTime / aud.duration;});aud.addEventListener('pause',() => mState());aud.addEventListener('play', () =>mState());aud.addEventListener('seeked', () => aud.play());let mState = ()=> aud.paused ? (btnplay.style.display = 'block', btnpause.style.display ='none') : (btnplay.style.display = 'none', btnpause.style.display ='block');};mkPlayer.HCPlayer = playCode;})(this);
        HCPlayer({});
})();
</script>

马黑黑

音乐地址不对。你拼装玩地址后，可以试着在浏览器输入拼装好的地址、回车，看看对不对，对的话会有一个播放器。

你的图片是宽小于高，不合适。帖子是宽大于高，所以图片应该顺应这个规律就好了。

红影

音乐地址不对，师兄去看你前面一个试贴，就是这个数字，到了这个帖子怎么又是这个数字，根本不可能啊，
这个数字1375167424是哪来的，怎么你每个帖子都是这个数字？
在网易云点开一个歌曲，不用点外链，那上面直接就有ID=的字样，复制那个数字就行。

师兄把你找的音乐地址帖来，我看看你为什么id永远是1375167424

红影

我知道了，你是不是把搜素栏的ID数字给复制过来了，所以所有的这一类的数字都是一样的。
你要把想听的歌曲点一下，点开后的歌曲ID才是这首歌曲的呀

红影

图片出来了，但尺寸不对，我们做帖一般做的横向的，师兄这个是纵向的图图。
音乐没出来，数字不对。师兄要把想要的那首歌点开，对应的数字才是它的，没点开对应的是搜索大类，不是这首歌的。

樵歌

马黑黑 发表于 2022-12-4 14:38
音乐地址不对。你拼装玩地址后，可以试着在浏览器输入拼装好的地址、回车，看看对不对，对的话会有一个播放 ...

我点按SHIFT点开后，就是我找的那歌呀？

樵歌

马黑黑 发表于 2022-12-4 14:38
音乐地址不对。你拼装玩地址后，可以试着在浏览器输入拼装好的地址、回车，看看对不对，对的话会有一个播放 ...

谢谢，图片我明白了，音乐地址我再找下问题出在哪里，TNND

马黑黑

樵歌 发表于 2022-12-4 19:30
谢谢，图片我明白了，音乐地址我再找下问题出在哪里，TNND

红影跟你说详细了：你要听的歌，点一下底部播放器上的歌名，这样进入的页面才是歌曲的网页，它上面的 id=xxx 才是歌曲的id

马黑黑

樵歌 发表于 2022-12-4 19:28
我点按SHIFT点开后，就是我找的那歌呀？

不用按 shift 的，就点播放器上的歌名，进入的页面才是歌曲的页面

樵歌

红影 发表于 2022-12-4 14:51
音乐地址不对，师兄去看你前面一个试贴，就是这个数字，到了这个帖子怎么又是这个数字，根本不可能啊，
这 ...

师妹，我是在易云上打开那首歌播放，再复制链接，就这样的；
如;第一步打开网易云音乐，随便找到一首歌，播放，复制网址的ID，
例如：杨钰莹的心雨，网址是：

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

很明显，ID是317151

那么，这首歌的真实地址就是：

如果无法播放，请点击此处在新窗口打开

这个地址不会失效的；

这就得到一个下载公式：

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

把上面红色部分ID数字换成网易云播放页面的id即可。
我这电脑放歌的页面还不能截屏！不然我弄过来给你看看到底是乍回事呵，真是愁死了

樵歌

红影 发表于 2022-12-4 14:58
图片出来了，但尺寸不对，我们做帖一般做的横向的，师兄这个是纵向的图图。
音乐没出来，数字不对。师兄要 ...

图片我明白了，师妹，你复制歌曲时截屏发个过来我看看

樵歌

醉美水芙蓉 发表于 2022-12-4 19:02
樵歌老师的图片尺寸选的不对，音乐地址也不对！

我是笨蛋，美女莫笑哈