Audio Addon - Variance between browsers - unrestricted download in Chrome - Forum | JoomShaper
Awaiting an answer SP Page Builder

Audio Addon - Variance between browsers - unrestricted download in Chrome

Asked by Carrie M Wrigley 5 years ago Last activity 2 years ago

Hey, guys, I'm a musician who wants to use the SPPB Audio addon to demo new releases, featured products, etc. However, I'm noticing significant variance between browsers - both in look, and in function. In summary, this variance is as follows:

Safari - Background: dark grey rounded rectangle; Text: white; Right column function: time # only

Firefox - Background: black angled rectangle; Text: white; Right column function: volume slider

Chrome - Background; light grey oval; Text: black; Right column function: 3 dots > download, unrestricted

Here's my questions:

  1. What is generating these differences in display and in function?
  2. Is there any way to choose which of these looks and functions will display consistently in all browsers?
  3. ESPECIALLY - Is there any way in Chrome that I can get the addon to NOT deliver my download for free?

I've searched the Addon options, documentation, and Forum posts, but see nothing about any of this. I love the ease and quick functioning of this Addon - but am stumped by these variances. Hope you can help resolve this.


PS - Here are Dropbox links to screenshots of the same addon in those 3 browsers, in the same order:

Safari: https://www.dropbox.com/s/xyc1rv2d2x4getj/Screen%20Shot%202021-02-22%20at%203.56.18%20AM.png?dl=0

Firefox: https://www.dropbox.com/s/ub947f0d18stedh/Screen%20Shot%202021-02-22%20at%203.59.51%20AM.png?dl=0

Chrome 1 - black dots: https://www.dropbox.com/s/98gl4jql8nz7xca/Screen%20Shot%202021-02-22%20at%204.00.58%20AM.png?dl=0

Chrome 2 - Download: https://www.dropbox.com/s/47knjp9szgvs2uq/Screen%20Shot%202021-02-22%20at%204.01.58%20AM.png?dl=0

For future reference - One more practical question, regarding the use of this Forum:

  1. Is there any way to add a screenshot or image directly? I see a button for Images in the Description toolbar, but couldn't get it to work, other than by using the LInk button instead, providing links to images, as I have done here. Is there a better process to share images/screenshots in these questions?

3 replies

Toufiq Senior Staff

Hi thre,

Thanks for contacting us. Sorry for the inconvenience. This is the normal behavior of an HTML audio players. There is no way to modify the HTML audio player. You can check the HTML 5 audio player with a different browser.

-Thanks

Yawo Abotsi

Hi,

I encounter the same issues of Carrie M Wrigley.

Is there an alternative solution to the Audio Addon ?

Best regards

Yawo

Toufiq Senior Staff

Please create a new post. Thanks

Yawo Abotsi

Dear @Paul Frankowski,

Many thanks for this clear reply and explanation.

I clearly understand now.

Best regards

Paul Frankowski Senior Staff
2 years ago · edited

If may ...

@Yawo - in that addon we used HTML5 Audio player, and it's design is based on the browser code, not our CSS styles.

We don't know why browser developers make it look a little different, but it is. If for some reason it doesn't suit you, you need to find a module that offers a player with its own style.

It is identical with the appearance of fonts, on the Safari browser, compared to others.


In real life, as in IT, sometimes you have choose a compromise. And don't worry about the details if it works.

Log in to reply.