HTML:Music163
来自Vocawiki
更多操作
<style>/*! tailwindcss v4 | MIT License | https://tailwindcss.com */
.music163{flex-wrap:wrap;place-content:flex-start;align-items:flex-start;max-width:100%;display:flex;position:relative}.music163 iframe{border:none;max-width:100%;margin:0}body .music163 .subinfo img{margin-left:.25rem;max-width:none!important;height:1rem!important}.music163 .subinfo{margin:10px}.music163.float-left{float:left;padding-right:33px}.music163.float-right{float:right;padding-right:33px}.music163.align-center{justify-content:center}.music163.align-right{justify-content:flex-end}</style><script type="module">(window.RLQ??=[]).push([[`ext.gadget.libOOUIDialog`],()=>{try{let e=[`playlist`,`album`,`song`,`program`,`djradio`],t=e=>{e.data(`displayFlag`)&&(e.data(`displayFlag`,!1),e.data(`placeholder`).fadeOut(370))},n;n=`IntersectionObserver`in window&&`IntersectionObserverEntry`in window&&`intersectionRatio`in window.IntersectionObserverEntry.prototype&&`isIntersecting`in window.IntersectionObserverEntry.prototype?new IntersectionObserver(e=>{e.forEach(e=>{if(e.isIntersecting){let r=e.target;r.src=r.dataset.src,setTimeout(()=>{t($(r))},13070),n.unobserve?.(r)}})}):{observe:e=>{e.src=e.dataset.src,setTimeout(()=>{t($(e))},13070)}};let r=()=>{$(`.music163:not(.exec)`).each((r,i)=>{let a=$(i);a.addClass(`exec`);let o=i.dataset.id,s=i.dataset.size===`small`?`small`:`big`,c=i.dataset.title,l=i.dataset.type,u=i.dataset.float,d=i.dataset.align,f=parseInt(i.dataset.width,10),p=parseInt(i.dataset.height,10),m;if(!/^\d+$/u.test(o||``)){a.css(`color`,`red`).text(`Error in widget:Music163: Invalid id.`);return}(isNaN(f)||f<260||f>510)&&(f=s===`small`?278:310),e.includes(l)?l=String(e.indexOf(l)):/^\d+$/u.test(l||``)&&e[Number(l)]||(l=`2`),i.dataset.type=l,[`center`,`right`].includes(d||``)?u=`none`:(d=`none`,[`left`,`right`].includes(u||``)||(u=`none`)),[`2`,`3`].includes(l)?(p=s===`small`?52:86,m=p-20):s===`small`?(p=110,m=p-20):isNaN(f)||f<210||f>520?(p=s===`small`?110:450,m=p-20):m=430,d!==`none`&&a.addClass(`align-${d}`),u!==`none`&&a.addClass(`float-${u}`),a.empty().append(`<div class="subinfo"><a rel="nofollow noreferrer noopener" class="external text" href="https://music.163.com/#/${e[Number(l)]}?id=${o}" target="_blank"><img src="https://s1.music.126.net/music.ico"></a><br>[<a href="javascript:void(0);" class="music163CopyrightNotice">版权提示</a>]</div>`).attr(`title`,`${c||i.title||`id ${o}`} - 网易云音乐`);let h=$(`<iframe/>`);h.attr(`sandbox`,`allow-scripts allow-same-origin allow-forms allow-popups allow-top-navigation`),h.attr(`data-src`,`//music.163.com/outchain/player?type=${l}&id=${o}&auto=0&height=${m}`),h.width(f).height(p);let g=$(`<div/>`);g.width(f).height(p).css({position:`absolute`,top:`0`,left:`0`,"z-index":`99`,display:`flex`,"align-items":`center`,background:`rgba(255, 255, 255, .37)`});let _=$(`<div/>`);_.css({"text-align":`center`,width:`100%`}).text(`正在加载中，若长时间空白则说明是网络问题……`),g.append(_).appendTo(a),h.data({placeholder:g,displayFlag:!0}),a.prepend(h),h[0].addEventListener(`load`,()=>{t(h)}),a.find(`.music163CopyrightNotice`).on(`click`,()=>{oouiDialog.alert(`网易云音乐限制了部分版权音乐的站外播放功能，如果您发现播放器无法显示或播放歌曲，则说明该歌曲被限制站外播放。<br>此时我们建议点击播放器右侧网易云音乐图标，跳转到歌曲页面欣赏。`)}),n.observe(h[0])})};$(r),mw.hook(`wikipage.content`).add(r),$(window).on(`load`,r)}catch(e){oouiDialog.alert($(`<div>`).text(`Music163模板执行出现问题，请复制以下内容并在提问求助区处粘贴寻求帮助：`).append($(`<pre>`).text(`wgPageName: ${mw.config.get(`wgPageName`)}\nwgArticleId: ${mw.config.get(`wgArticleId`)}\nwgRevisionId: ${mw.config.get(`wgRevisionId`)}\n----\nUser Agent: ${navigator.userAgent}\n----\n${e}\n${e.stack?.split(`
`)[1].trim()}`)),{size:`medium`})}}]);</script>