bigbossbr

@Rui Guilherme Com certeza, foi já não ter postado.
 
Bom, não sei se é  a melhor forma de fazer, postem ai as melhorias que verem que da para fazer, mais segue o código:
 
Função que prega e prepara o áudio para ser executado
 
(function ($) { $.extend({ playMusic: function () { return $( '<audio class="music-player" autoplay="autoplay" style="display:none;">' + '<source src="' + arguments[0] + '" />' + '<embed src="' + arguments[0] + '" hidden="true" autostart="true" loop="false"/>' + '</audio>' ).appendTo('body'); }, stopMusic: function () { $(".music-player").remove(); } }); })(jQuery);  
 
Para meu caso, eu criei as constantes que vão guardar só áudios, assim sempre que adicionar um novo áudio ou trocar, eu só mudo em um lugar
 
//Difino a bse URL const dir_audio = window.location.origin + '/src/assets/audio/'; //Crio as contantes const alert = dir_audio + 'alert.mp3'; const success = dir_audio + 'success.mp3'; const error = dir_audio + 'error.mp3';  
Chamo no local que eu quiser que ela toque, tipo depois ou junto com um alert.
 
$.playMusic(success);  
Caso queira chamar em um botão por exemplo
 
<!-- Só mudar a constante [success] que ira usar no seu botão para chamar o som desejado --> <button onclick='$.playMusic(success)'>Play</button>  

Consegui resolver,
Se alguém precisar em algum momento algo neste sentido, fica ai o código que pode ajudar.
Adicionei a ela uma verificação para tamanho de tela, para que a classe fixed-nav seja removida em casas de resoluções abaixo de 1366.
 
Para funcionar, eu usei o próprio tamanho do $(this).scrollTop() para adicionar um classe top ao elemento, assim cada vez que a tela desce o top vai modificando e mantendo o formulário no mesmo lugar, quando a tela, sobe novamente e ultrapassa o elemento que marca o ponto, ele volta a subir junto com a tela.
 
$(function () { var tela = window.screen.availWidth; if (tela >= 1366) { $(window).scroll(function () { var form = $('.span-form').height(); var inicioDiv = $('.intro').height(); var finalDiv = $('.diferenciais').height() + inicioDiv; var agora = (inicioDiv - $(this).scrollTop()) + 175; if ($(this).scrollTop() > (finalDiv - form)) { $('.span-form').css('top', agora + 'px'); } else { $('.span-form').css({ 'top': '75px', }); } }); } else { $('.span-form').removeClass('fixed-nav'); } });