<style>
/*Стиль к скрипту "Музыка в постах и подписях" (c) Emerael */
td#button-music {
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221em%22%20height%3D%221em%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M6%2013c0%201.105-1.12%202-2.5%202S1%2014.105%201%2013c0-1.104%201.12-2%202.5-2s2.5.896%202.5%202zm9-2c0%201.105-1.12%202-2.5%202s-2.5-.895-2.5-2s1.12-2%202.5-2s2.5.895%202.5%202z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M14%2011V2h1v9h-1zM6%203v10H5V3h1z%22%2F%3E%3Cpath%20d%3D%22M5%202.905a1%201%200%200%201%20.9-.995l8-.8a1%201%200%200%201%201.1.995V3L5%204V2.905z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat; /*иконка, замените ссылку если хотите поставить свою*/
    background-size: 16px; /*размер иконки*/
}
</style>
<!-- Музыка в постах и подписях (c) Emerael, Часть 1 в ХТМЛ-Верх -->
<script>
FORUM.set('editor.music', {
name: 'Аудио',
audio_url: function() {
  return prompt("Поместите ссылку на трек", "https://")
},
audio_title: function() {
  return prompt("Введите название трека", "Трек")
},
onclick: function(){
const link = FORUM.get('editor.music.audio_url()');
if (!link || link === "https://" || $.trim(link) === "") return false;

const title = FORUM.get('editor.music.audio_title()');
document.querySelector("#main-reply").value += `[audio=${link}]${title || 'Песня'}[/audio]`;
}})
</script>

<style>
.post-content [style="color: white"] img{width:360px;height:auto}
</style>

<!-- Музыка в постах и подписях (c) Emerael, Часть 2 в ХТМЛ-Низ -->
<script>
(()=>{
const selectors = [
'#profile-signature:contains("[audio=")', //подпись в профиле
'.parsedsig:contains("[audio=")', //предпросмотр подписи
'.post-body:contains("[audio=")', //посты и подписи в них
];
const replaceAudio = () => {
const containMusic = $(selectors.join(', '));
containMusic.each((_, el) => {
const re = /\[audio=([^\]]+)]([^[]+)\[\/audio\]/gmi;
el.innerHTML = el.innerHTML.replace(re, `<div class="audio-block"><span class="audio-title">$2:</span><audio controls src="$1">
  <span>ваш браузер не поддерживает HTML5 аудио. Вот взамен
     <a href="$1">ссылка на трек</a></span>
</audio></div>`);
});
};
replaceAudio();
$(document).on('pun_post', () => {replaceAudio()});
})();
</script>