Embeded audio not playing on Firefox or Safari

Rick Jackofsky

unread,

Dec 20, 2013, 10:41:24 AM12/20/13

to blueg...@googlegroups.com

I decided to remove linked SoundCloud audio from my website and replace it with embedded .ogg files yesterday. Everything seemed to be fine on the Bluegriffin page, but when I previewed them in Safari they didn't work. The preview in Firefox worked fine, but when I uploaded the page to my host the audio players do not appear. On Safari they appear but say "Loading. . .", they do seem to work on Google Chrome. Any ideas?

http://www.homegrownstringband.com/Music.html

Joeg

unread,

Dec 21, 2013, 5:09:01 AM12/21/13

to blueg...@googlegroups.com

Some browsers don't work with Ogg Vorbis and some don't work with mp3 so you have to provide both .ogg and .mp3 versions of audio files and reference them both. http://www.w3schools.com/html/html5_audio.asp

Rick Jackofsky

unread,

Dec 21, 2013, 11:57:37 AM12/21/13

to blueg...@googlegroups.com

It's my understanding that mp3s can not be embedded using the BlueGriffon web editing software. I wasn't totally surprised that Safari wasn't reading the ogg files, but I was surprised that they didn't work on Firefox. What's puzzling me, and also making me think there is a fix, is the fact that the music files are read in preview mode by the Firefox browser. So the browser can read the ogg files stored on my computer but doesn't work when reading files stored by the site hosting my website.

Joeg

unread,

Dec 22, 2013, 4:22:44 AM12/22/13

to blueg...@googlegroups.com

If you had read the link I posted earlier, you would see that Safari does not support OGG, nor does IE. Some Firefox versions support MP3. You have to supply both to work in all browsers. If they work on your own computer and not on your host, they may need to adjust their configuration files. Speak to them.

On Friday, December 20, 2013 3:41:24 PM UTC, Rick Jackofsky wrote:

Joeg

unread,

Dec 22, 2013, 5:45:04 AM12/22/13

to blueg...@googlegroups.com

As far as I can see, there is no way to provide the two required paths using BlueGriffon. Even if you add the second path in Source mode, it is whipped out again when you switch to WYSIWYG. This is clearly useless for HTML5 audio.

Also, make sure that your file paths are relative to the page and not hard-wired to to the file on your local drive.

On Friday, December 20, 2013 3:41:24 PM UTC, Rick Jackofsky wrote:

Dominik Lenné

unread,

Dec 23, 2013, 8:51:30 AM12/23/13

to blueg...@googlegroups.com

I tried it out.

I created a page with an html5 audio player:

<!DOCTYPE html>
<html>
<head>
    <meta content="text/html; charset=UTF-8" http-equiv="content-type">
    <title>test html5 audio</title>
</head>
<body>
    <p>Hier kommt ein mp3 hin:</p>
    <audio controls="controls">
<source src="juba%20juba.mp3" type="audio/mpeg">
<source src="juba%20juba.ogg" type="audio/ogg">
    </audio>
</body>
</html>

BG did no harm to this (apart from the abyssmal source formatting). I loaded it up and it played well in Firefox, Chrome. No IE8 of course (have to because still XP) and no Opera.
Opera played locally fine, though. so its definitely a wrong server declaration.
Tried out .htaccess (idea from http://html5doctor.com/native-audio-in-the-browser/)

AddType audio/ogg .ogg

but to no avail.

Anyway, it's not a BG problem this time!

Rick Jackofsky

unread,

Dec 23, 2013, 8:05:35 PM12/23/13

to blueg...@googlegroups.com

Thanks so much Dominik! I used this code on my Bluegriffon page and it works on Safari, Google Chrome, and FireFox.

--
--
You received this message because you are subscribed to the Google
Groups "bluegriffon" group.
To post to this group, send email to blueg...@googlegroups.com
To unsubscribe from this group, send email to
bluegriffon...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/bluegriffon?hl=en

---
You received this message because you are subscribed to a topic in the Google Groups "bluegriffon" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/bluegriffon/xZMMsZg0-wI/unsubscribe.
To unsubscribe from this group and all its topics, send an email to bluegriffon...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

Reply all

Reply to author

Forward