Audio Sound Player

[PF]

Feb 23, 2021 8:56:12 GMT -8 Retread said:

Feb 22, 2021 18:35:02 GMT -8 PF said:

Hi,

I really like this plug-in, but I wish it would play all the time and not stop when someone clicks on a topic. Is there a way to do that?

Members can't enjoy the music while reading the boards.

Thanks.

Your members can right-click on a board or other link on the forum, and open that in a new tab (or new window). Use the new tab to navigate on the forum and read the content. The player will continue to provide audio without interruption, even though the original tab is not in the foreground.

Click on the original tab to make changes in the audio playback, if/when necessary.

While not the most elegant way to do things, it does work.

That is a great idea! Thank you!

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Adds two more songs to the plugin:
<script>







function track9(){



var player=document.getElementById('player');



var sourceOgg=document.getElementById('player');



var sourceMp3=document.getElementById('player');







sourceOgg.src='url.ogg';



sourceMp3.src='https://www.site.com/coolsound.mp3';







player.load();



player.play();



}



function track10(){



var player=document.getElementById('player');



var sourceOgg=document.getElementById('player');



var sourceMp3=document.getElementById('player');







sourceOgg.src='url.ogg';



sourceMp3.src='https://www.site.com/coolsound.mp3';







player.load();



player.play();



}



$( document ).ready(function() {



setTimeout(function(){



$(".new-style").find("li:first").append('<button class="music-button addMore" title="Track9Title" onclick="track9()">Track 9</button>');



$(".new-style").find("li:first").append('<button class="music-button addMore" title="Track10Title" onclick="track10()">Track 10</button>');



},100);



})



</script>

paste this into your global header OR footer section of your website

change www.site.com/coolsound.mp3 to whatever your sound file is in each function. Don't mess with the punctuation.
To add the title of the track on hover change the text Track9Title and Track10Title.

[PF]

Thank you!

[lynnlei]

Hello! And thank you so much for your plugin! I was just wondering if Cloudinary is still the best site to use for the mp3 files to be hosted? I've checked and seems to be a 'media powering platform' now or some such? I can't find any other sites which link directly to an uploaded mp3 file, so if Cloudinary is a no-go, what other sites might I use? 

Edit: Never mind, I found a site! i just wasn't sure what search terms to use, lol! But for anyone else who needs it, I typed in '.mp3 hosting' in google!

Sorry about this! Thank you again! 

[PF]

aRMY83 , P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓, is there a way to have the songs play continuously to the next track instead of ending at each track?

[aRMY83]

Hello PF,

This is far as I know, is not possible with this plugin. If by chance P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓ knows of a better way, then he has my permission to so.

Just to note, that all of my plugins are on hold for any modifications and or revisions until after the V6 platform is implemented!

[PF]

Jul 26, 2021 1:43:09 GMT -8 P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓ said:

Adds two more songs to the plugin:
<script>







function track9(){



var player=document.getElementById('player');



var sourceOgg=document.getElementById('player');



var sourceMp3=document.getElementById('player');







sourceOgg.src='url.ogg';



sourceMp3.src='https://www.site.com/coolsound.mp3';







player.load();



player.play();



}



function track10(){



var player=document.getElementById('player');



var sourceOgg=document.getElementById('player');



var sourceMp3=document.getElementById('player');







sourceOgg.src='url.ogg';



sourceMp3.src='https://www.site.com/coolsound.mp3';







player.load();



player.play();



}



$( document ).ready(function() {



setTimeout(function(){



$(".new-style").find("li:first").append('<button class="music-button addMore" onclick="track9()">Track 9</button>');



$(".new-style").find("li:first").append('<button class="music-button addMore" onclick="track10()">Track 10</button>');



},100);



})



</script>

paste this into your global header OR footer section of your website

change www.site.com/coolsound.mp3 to whatever your sound file is in each function. Don't mess with the punctuation.

P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓   or aRMY83, where in that code can I put the song title tags so that the titles show when hovered over the tracks like first 8 tracks do?  

Thanks.

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Mar 27, 2022 6:23:39 GMT -8 PF said:

aRMY83 , P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓ , is there a way to have the songs play continuously to the next track instead of ending at each track?

<script>

 

   $( document ).ready(function() {

         setTimeout(function(){

        var ausioli = $(".new-style").find("button")

        $(ausioli).on('click',function(e){

              localStorage.setItem('ausioplayer', $(this).attr("onclick").replace(/\D/g, ''))

            })

       

localStorage.setItem('ausioplayer', 0)

    $("#player").bind('ended',function(e){

        var tempfuncname = "track"+(parseInt(localStorage.getItem('ausioplayer'))+1)

      localStorage.setItem('ausioplayer', (parseInt(localStorage.getItem('ausioplayer'))+1));

      window[tempfuncname]();



  });

    },200);

   })

</script>Add this in your global header or footer to add continuous playback functionality. This will play the next track in the list until it runs out of tracks

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Mar 28, 2022 8:54:51 GMT -8 PF said:

Jul 26, 2021 1:43:09 GMT -8 P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓ said:

Adds two more songs to the plugin:
<script>





</script>

paste this into your global header OR footer section of your website

change www.site.com/coolsound.mp3 to whatever your sound file is in each function. Don't mess with the punctuation.

P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓   or aRMY83 , where in that code can I put the song title tags so that the titles show when hovered over the tracks like first 8 tracks do?  

Thanks.

I added Track9Title and Track10Title to my original code. Just replace your original code with the one that includes that text. Then change Track9Title to whatever you want the title to be. 

[PF]

Apr 11, 2022 11:47:03 GMT -8 P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓ said:

Mar 28, 2022 8:54:51 GMT -8 PF said:

P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓   or aRMY83 , where in that code can I put the song title tags so that the titles show when hovered over the tracks like first 8 tracks do?  

Thanks.

I added Track9Title and Track10Title to my original code. Just replace your original code with the one that includes that text. Then change Track9Title to whatever you want the title to be. 

P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓, great! Thank you so much!