Audio Addon - Variance Between Browsers - Unrestricted Download In Chrome - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →

Audio Addon - Variance Between Browsers - Unrestricted Download In Chrome

CW

Carrie M Wrigley

SP Page Builder 4 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?
0
5 Answers
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #7919

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

0
Y
Yawo Abotsi
Accepted Answer
1 year ago #145796

Hi,

I encounter the same issues of Carrie M Wrigley.

Is there an alternative solution to the Audio Addon ?

Best regards

Yawo

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 1 year ago #145892

Please create a new post. Thanks

0
Y
Yawo Abotsi
Accepted Answer
1 year ago #145906

Dear @Paul Frankowski,

Many thanks for this clear reply and explanation.

I clearly understand now.

Best regards

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #145905

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.

0