再试
<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=317151.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"><g id="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><g id="btnwrap"><path id="btnplay" d="M 40 40,40 60,60, 50 z"></path><path id="btnpause" d="M 42 40,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>
怎么回事呵，图片没现完，音乐不出来{:4_198:} @马黑黑 红影 @红影 <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才是这首歌曲的呀{:4_173:} 图片出来了，但尺寸不对，我们做帖一般做的横向的，师兄这个是纵向的图图。
音乐没出来，数字不对。师兄要把想要的那首歌点开，对应的数字才是它的，没点开对应的是搜索大类，不是这首歌的。 马黑黑 发表于 2022-12-4 14:38
音乐地址不对。你拼装玩地址后，可以试着在浏览器输入拼装好的地址、回车，看看对不对，对的话会有一个播放 ...
我点按SHIFT点开后，就是我找的那歌呀？{:4_198:} 马黑黑 发表于 2022-12-4 14:38
音乐地址不对。你拼装玩地址后，可以试着在浏览器输入拼装好的地址、回车，看看对不对，对的话会有一个播放 ...
谢谢，图片我明白了，音乐地址我再找下问题出在哪里，TNND{:4_201:} 樵歌 发表于 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=317151.mp3
这个地址不会失效的；
这就得到一个下载公式：
http://music.163.com/song/media/outer/url?id=ID数字.mp3
把上面红色部分ID数字换成网易云播放页面的id即可。
我这电脑放歌的页面还不能截屏！不然我弄过来给你看看到底是乍回事呵，真是愁死了 红影 发表于 2022-12-4 14:58
图片出来了，但尺寸不对，我们做帖一般做的横向的，师兄这个是纵向的图图。
音乐没出来，数字不对。师兄要 ...
图片我明白了，师妹，你复制歌曲时截屏发个过来我看看{:4_198:} 醉美水芙蓉 发表于 2022-12-4 19:02
樵歌老师的图片尺寸选的不对，音乐地址也不对！
我是笨蛋，美女莫笑哈{:4_201:}