Inline Audio Player

Add to every link to an audio file (.mp3 .wav .ogg .m4a .mp4) on page a tiny button for play music with inline player. Use Html5 <audio> tag.

< Feedback on Inline Audio Player

Review: Bad - script does not work

Deleted user 6636
§
Posted: 2016-04-14
Edited: 2016-04-14

GM won't install it because of parsing error

as seen here

§
Posted: 2020-04-19
Edited: 2020-04-21

The script installs after removing the line:

// @match *

And it works! - Try it now on e.g. https://web.archive.org/web/20040924095502/http://www.nathanntg.com/mirror/kleptones_opera/

first, close the Wayback toolbar (using that big 'X' in the upper-right) and you'll see:

Then click on that new button, and you'll see the Play buttons:

§
Posted: 2020-04-19
Edited: 2020-04-19

@Azazello a dit : The script installs after removing the line:

// @match *

And it works! - Try it now on e.g. https://web.archive.org/web/20040924095502/http://www.nathanntg.com/mirror/kleptones_opera/

first, close the WaybackMachine toolbar (using that big 'X' in the upper-right) . Then click on that new button, and you'll see the Play buttons:

Thanks: Yes the script work with these change ( deleting @match). And yes, on WaybackMachine , we need close its toolbar (because the script button is hidden by it...)

Maybe add more z-index by CSS should solve that..

And thanks too for The Kleptones (blog) ): cool music!

§
Posted: 2020-04-19
Edited: 2020-04-19

And yes with z-index we solve the hidden button by Wayback toolbar: Edit the script and find: $("body").before ("

§
Posted: 2020-04-19
Edited: 2020-04-19

Haa i see a big problem: [Solved - Script PB] I Can't bookmark a discussion in forum (error: need activate javascript)?: After deactivate this script , i can bookmark on greasyfork forum, as i want... I don't understand why/how it deactivate JavaScript and can work....

but solved by adding exclude: // @exclude https://greasyfork.org*

§
Posted: 2020-04-21
Edited: 2020-04-21

@decembre : SweeT! Works very nicely, thanks!

Although I do prefer it in the upper right. How to adjust the code so that the button is just below the Wayback toolbox?

@decembre said: Haa i see a big problem: ... ... but solved by adding exclude: // @exclude https://greasyfork.org*

I went the other direction: instead of // @include * -- which makes no sense - I changed it to: // @include https://archive.org/*

and I will do manual User Includes for those sites I know have audio files.

§
Posted: 2020-04-21

Although I do prefer it in the upper right. How to adjust the code so that the button is just below the Wayback toolbox? Play with: "#ButtStartIAP {position: fixed!important; bottom: 12px!important; right: 0!important; z-index: 2247483640!important;}" +

The z-index can put the script button before the Wayback toolbar (never been hidden by it). To move the button, edit the code, by changing "bottom" to "top" and chose how many px it should move from the top.

I went the other direction: instead of // @include * -- which makes no sense - I changed it to: // @include https://archive.org/*

and I will do manual User Includes for those sites I know have audio files. Yes, that's a better control. But in an other side, you should remember that you have script which can play on them... :-)

Post reply

Sign in to post a reply.