How to make enhanced music or audio file in the background?

This site uses cookies. By continuing to browse this site, you are agreeing to our Cookie Policy.

  • How to make enhanced music or audio file in the background?

    Hello friends, can you help me with a coding I need for Newstar? How can I ensure that the background sound plays even if the pages are refreshed? What should be done for this? Can you share the software codes? What should be the codes in the main file or in the audio player file that will be given for help? Will it be with Ajax or JS?

  • Now I created a code with artificial intelligence and integrated it into my own system everything is stable and works very well I configured the browser to prevent instant music playback with the click system but there is a problem here I couldn't solve it the problem is this

    "The song is playing but there is a momentary lag during page transitions how can I eliminate this, how can I fix this lag how can I fix the lag during page transitions"

    other than that the song continues without stopping this is nice on the other hand how can I fix this momentary lag I am sharing the code here can you help me friends

    JavaScript Source Code

    1. <script type="text/javascript">
    2. const playlist = [
    3. "music1.mp3",
    4. "music2.mp3",
    5. "music3.mp3",
    6. "music4.mp3",
    7. "music5.mp3",
    8. "music6.mp3",
    9. "music7.mp3",
    10. "music8.mp3",
    11. "music9.mp3",
    12. "music10.mp3",
    13. ];
    15. // Şu anda çalan şarkıyı ve süreyi sessionStorage'dan al
    16. let currentTrackIndex = sessionStorage.getItem("currentTrackIndex")
    17. ? parseInt(sessionStorage.getItem("currentTrackIndex"))
    18. : 0;
    20. let currentTime = sessionStorage.getItem("currentTime")
    21. ? parseFloat(sessionStorage.getItem("currentTime"))
    22. : 0;
    24. // Şarkıyı başlat
    25. const audio = new Audio();
    27. audio.src = playlist[currentTrackIndex];
    28. audio.currentTime = currentTime;
    29. audio.volume = 0.5;
    31. // Sayfa değişiminde müzik durmadan devam etmesi için event listener
    32. window.addEventListener("beforeunload", function () {
    33. sessionStorage.setItem("currentTime", audio.currentTime);
    35. sessionStorage.setItem("currentTrackIndex", currentTrackIndex);
    36. });
    38. // Eğer şarkı bitmişse bir sonraki şarkıya geç, döngüye girsin
    39. audio.addEventListener("ended", function () {
    40. currentTrackIndex = (currentTrackIndex + 1) % playlist.length;
    41. sessionStorage.setItem("currentTrackIndex", currentTrackIndex);
    42. sessionStorage.setItem("currentTime", 0);
    43. audio.src = playlist[currentTrackIndex];
    44. audio.play();
    45. });
    47. // Müzik çalmaya başla
    49. audio
    50. .play()
    51. .catch((error) => console.log("Otomatik oynatma engellendi:", error));
    52. // 1 saniye sonra müzik devam etmiyor mu diye kontrol et, devam etmiyorsa tekrar başlat
    54. setInterval(function () {
    55. if (audio.paused) {
    56. audio.play();
    57. }
    58. }, 1000);
    60. // Kullanıcı etkileşimi ile müzik çalmaya başla
    61. document.body.addEventListener("click", function () {
    62. if (audio.paused) {
    63. audio.play().catch((error) => {
    64. console.log("Hala müzik çalmıyor:", error);
    65. });
    66. }
    67. });
    68. </script>
    Display All

    The post was edited 1 time, last by Danter14 ().

  • in my version -look at the link thread/350-style-backgroundmusic/

    i have used a welcome sound wich play's instant, but the music plays only at user's choice.
    sound plays continously while switching through the pages of the game. but it has a button for toggle play / pause...

    maybe important: i don't play mp3 files, only radiostreams.
    Es zählt nicht wie lang man lebt, sondern wie intensiv. • Euer Mond ist meine Sonne, Euer Montag - mein Sonntag. • Musik ist Leben!

    ⭐Psy ♫ Love ♥ Is ॐ My ♫ Love⭐