<!-- Музыка в постах и подписях (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>
/*Стиль к скрипту "Музыка в постах и подписях" (c) Emerael */
td#button-music {
    background: url('https://forumstatic.ru/files/001b/d8/65/68274.png') center center no-repeat; /*иконка, замените ссылку если хотите поставить свою*/
    background-size: 20px; /*размер иконки*/
}
</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>
<!-- Окончание -->