Greasy Fork

Sound Link Fix : Very usefull!

I tested on your example page and it's a top value script for an user.
Just a suggest:
Can you add a speaker icon (like your script icon) near each links matched by your script ?

Merci beaucoup,
mais, avez-vous un regard sur le script de Restpeace?
à bientôt
gnblizz

Disclaimer: This is not my icon. I was lazy and placed just a link to a symbol of that example page.
If anyone has art abilities and some time left...

Thanks can you re publish some test links in your description ?

That's a great idea, thank you.
There is nothing appropriate at hand yet, though.

I've made some small sound sample files now. (about 10k each)
Do I really have to make data links (base64) or can I place them somewhere at greasyfork?

I know, you like to fiddle with styles. You may want to place this in a userstyle:

a[href$=".mp3"]{cursor:url(http://japanese.about.com/library/weekly/graphics/speaker.gif),auto;}

You can use too an unicode icon :smile:
speaker with three sound waves' (u+1f50a)

PS:
I definitively can't add this icon in this forum.
Why?, i can't understand too...
If i add it i lost all the txt after it.

Waaa, I didn't know, there exists a symbol like 🔊.
Unicode chars need to be supported by the font in use. Then, when you see 🔊 as a square, the current font doesn't support the whole bunch of possible chars by the sixth version of Unicode, which is completely normal. speaker with three sound waves' (u+1f50a)

Data urls were rejected at the description page.
So I really can't use anything but files already on the web? It can cause legal issues if I use something I found on the web, even if I put just the link. For now I see no solution, but to do so anyway.

I just noticed: There is no way to cancel a longer sound (beside the speaker symbol at the tab), since the control is hidden.
Now I wonder what would be best:

• Place a stop button near the mouse pointer
• Place a cancel in the context menu of the document
• Define a hot key
• Do nothing

PS (Bug in Gresyfork Forum):
I definitively can't add this icon in this forum.....
Htlm or Markdown format is the same.
I test to copy the icon in your post and write here but when i want to publish it , all (txt and icon) are gone.
I need to post a report in the forum about that.

Thanks for all your efforts, but its enough already. Last night I tried out a free icon editor called mtpaint and it took only minutes until I started to swear. This programs concept is so wrong in so many ways, you cannot even set a single pixel without a longer study beforehand. I never imagined, i'd miss mspaint some day. And so I ended up with a pretty ugly icon using an online editor and I think it has to do for now.

The script has now an error handler and provides an abort button for sounds exceeding 15 seconds.

Thank you all for your interest

Yours sincerely, gnblizz

Maybe it can be useful:
I build an CSS / userstyles for your Script which add Icons near each .mp3 / .ogg/ .wav links .
When we click to play on them, we can see the audio player (down scaled + opacity 0.7,
on hover the opacity go to 1).
The close button is down scaled too and as just "X" in it...
here a screenshot in action:

Since you insist, I will comply and make the control visible. Even if its perfect for my purposes. But if you take a look at the page which inspired the script, even you should understand: this would obscure the text and makes no sense for three second sounds anyway. So this will be another script, not a mere change.
A last question though: The control should only appear after click onto the icon? The link action is not to change?

- "makes no sense for three second sounds anyway"
Yes, i know ...
At the beginning , i wanted just to find a way to add an animated icon when the sound play.
But i dint' find or understand how to do that.
So, i use opacity.
- " this would obscure the text":
It is possible to just change the opacity before hover to 0.1.

Finally i just find a way to add an "equalizer" animated icon:

only for long sound (i cant find only a working selector for a LONG sound playing).

I don't know if it's useful, since we can see the player....
It should be better to have only this icon when the sound play.

PS:
I found the animated icon her:
Preloaders

span>audio[style^=display]+button{
  width:140px;
  overflow-x:hidden;
  height:48px;
  padding-left:140px;
  background-image:url("http://preloaders.net/preloaders/716/Equalizer.gif");
  border:1px solid;
}

should work with the current version of the script. (For sounds, longer then 15 seconds)
If the animation don't starts, make sure image.animation_mode in about:config has the correct value.

PS: You didn't answer my question.

PPS: It is not an icon, but an animated GIF image.

Have you a screenshot ?
I don't see the "animated" icon with your CSS when i use it in my CSS tweak.

Alone , your CSS show a very big animated equalizer, not sure that's the effect you hope !

Here my tweak for the equalizer in action (with the css v.2, in my last txt post):


- "A last question though: The control should only appear after click onto the icon? The link action is not to change?"
I don't understand:
That's seems correct how your script work now.

Maybe a suggestion:
The script can maybe add /change something - like ".soundfix" at the class of each link sound, so we can easily add an "icon" to it .
A fix "icon" when it don't play, animated when it play sound....
This icon, is a way to see if your script work on the page, and which sound play

For long sound, i think it is interesting to keep the "hover " on the player to have an idea of the duration, forward etc...

PS:
For infos, image.animation_mode in about:config

I'm totally confused now. The only thing I can tell for sure: A computer is much easier to understand then a human being. The difference is precision. Please forgive me, but I'm lacking at imagination and see things to much from my personal viewpoint. The following list is of items, which raised my frustration level slowly and led to misinterpretation:

a screenshot in action? I see two screenshots and a dead text icon.
link sound? There is no such thing in the DOM!
At the beginning , i wanted...? Is it now obsolete or not?
Finally i just find a way to add...Is it just found or just want to find?

At this point I can only suggest to forget everything of the above, to start over from zero by making a precise description of what we wish to accomplish.

Thanks for your understanding.

:-)

- a screenshot in action?
A screenshot with your CSS, when you play a long sound.
Because, when i test it , i don't see the "equaliser "with this CSS in my solution
and when i it alone , the "equaliser is appear very big (too big)

"in action" :
a gif if possible...

- link sound?:
Maybe sound link is better? (as you may have understand i am not english...).
A link which play sound (.mp3./.wav/.ogg).

by example:
Ogg Vorbis Audio sample

And modified by your script (if possible):
Ogg Vorbis Audio sample

- At the beginning , i wanted...?
It is just testing, man.

The resume is like i write before:
- A fix "icon" when it don't play
- Animated when it play sound....
This icon, is a way to see if your script work on the page, and which sound play

For long sound:
Keep the button to close the sound
Keep the "hover effect " too, wich reveal the native player,
just to have an idea of the duration, forward etc...