Firefox 57.0a1 Does Not Play HTML5 Audio for MP3 file

Discussion about official Mozilla Firefox builds
amanti
Posts: 27
Joined: November 12th, 2012, 8:42 pm

Firefox 57.0a1 Does Not Play HTML5 Audio for MP3 file

Post by amanti »

I have this HTML5 audio component on a web page...

<audio src="waterFromStillBoatPerspective.mp3" controls="controls" autoplay="autoplay"
id="a1">
Your browser does not support the audio element.
</audio>

This worked fine about a year ago on earlier ( 32 bit ) versions of Firefox.

Now, on Firefox 54 and 55, the audio component does not render.
On Firefox 56 and 57, the component renders but does not play.

I assume this is related to Bug 1376163 - [10.13] No audio playback on YouTube, no audio/video on Netflix (macOS High Sierra 10.13 Beta) .
https://bugzilla.mozilla.org/show_bug.cgi?id=1376163
The section entitled “ Firefox Tracking Flags “ implies this is fixed in Firefox 55 and 56.

Here is my experience on Firefox 57...

1) I have General Preferences box unchecked for ‘Enable multi-process Nightly’ and the MP3 file does not play.

2) I have about:config security.sandbox.content.level = 0 ( by default ) and the MP3 files does not play.

3) I have two plugins, Shockwave and OpenH264 where both are set to “Never Activate” and the MP3 file does not play.

I'm not sure what to try next.
Someone said delete the profile directory.
I'll give that a try...
Profiles - Where Firefox stores your bookmarks, passwords and other user data
https://support.mozilla.org/en-US/kb/pr ... -user-data
Firefox 57.0 / Oracle JDeveloper 12.2.1.2 / ADF / WebLogic & GlassFish / Java SE 8u101 / Windows 8.1 Pro & Linux
amanti
Posts: 27
Joined: November 12th, 2012, 8:42 pm

Re: Firefox 57.0a1 Does Not Play HTML5 Audio for MP3 file

Post by amanti »

Okay, I'm back.
I deleted the directories under Firefox\Profiles .
Removed and Reinstalled Firefox Nightly.
Popup “Profile Missing
Your Firefox profile cannot be loaded.
It may be missing or inaccessible.

Use the Profile Manager to create and remove Firefox profiles
https://support.mozilla.org/en-US/kb/pr ... x-profiles
Start the Profile Manager...
"C:\Program Files\Nightly\firefox.exe" -P

Okay, Firefox 57 starts up now.

Still, the HTML5 audio component renders, but does not play the MP3 file.

I see 3 plugins, Open264 and Widevine Content Decryption and Shockwave Flash and
( surprisingly ), all 3 default to “ Always Activate “.
I set to “ Never Activate “.
Still, the HTML5 audio component renders, but does not play the MP3 file.
Firefox 57.0 / Oracle JDeveloper 12.2.1.2 / ADF / WebLogic & GlassFish / Java SE 8u101 / Windows 8.1 Pro & Linux
Mouse5
Posts: 1279
Joined: April 11th, 2014, 7:34 pm
Location: Sydney Australia

Re: Firefox 57.0a1 Does Not Play HTML5 Audio for MP3 file

Post by Mouse5 »

did you try Never Activate OpenH264 ?
amanti
Posts: 27
Joined: November 12th, 2012, 8:42 pm

Re: Firefox 57.0a1 Does Not Play HTML5 Audio for MP3 file

Post by amanti »

Yes, I did set all 3 plugins to " Never Activate ".

On Google Chrome, I see the same problem.
That is, the HTML5 audio component renders, but does not play the MP3 file.
The Chrome version is " Version 60.0.3112.90 (Official Build) (64-bit) ".

Now, if I use Windows Explorer and double-click on the MP3 file,
the Windows Media Player appears and plays the MP3.

I have several <audio> components on this website to play different MP3 files.
None of them play.

I'm using the Oracle JDeveloper 12.2.1.2 IDE which integrates with WebLogic Server.
Hmmm.
Firefox 57.0 / Oracle JDeveloper 12.2.1.2 / ADF / WebLogic & GlassFish / Java SE 8u101 / Windows 8.1 Pro & Linux
amanti
Posts: 27
Joined: November 12th, 2012, 8:42 pm

Re: Firefox 57.0a1 Does Not Play HTML5 Audio for MP3 file

Post by amanti »

Using Windows Explorer, if I drag the MP3 file onto FireFox, it plays.
Using Windows Explorer, if I drag the MP3 file onto Chrome, it plays.

So, it seems like WebLogic's <audio> component doesn't like something
about the pathname: src="waterFromStillBoatPerspective.mp3" .
That said, I looked in the Server Log for errors and it doesn't show any errors.
Firefox 57.0 / Oracle JDeveloper 12.2.1.2 / ADF / WebLogic & GlassFish / Java SE 8u101 / Windows 8.1 Pro & Linux
User avatar
therube
Posts: 21698
Joined: March 10th, 2004, 9:59 pm
Location: Maryland USA

Re: Firefox 57.0a1 Does Not Play HTML5 Audio for MP3 file

Post by therube »

(That bug is MAC OS X specific.)


Maybe the code you're using needs a tweak?

Error Console show anything relating to your code?
(Do you have the code, live, accessible, somewhere?)
Fire 750, bring back 250.
Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US; rv:1.9.1.19) Gecko/20110420 SeaMonkey/2.0.14 Pinball CopyURL+ FetchTextURL FlashGot NoScript
amanti
Posts: 27
Joined: November 12th, 2012, 8:42 pm

Re: Firefox 57.0a1 Does Not Play HTML5 Audio for MP3 file

Post by amanti »

> (That bug is MAC OS X specific.)
Thank You.

> Maybe the code you're using needs a tweak?
The code is generated by the Oracle JDeveloper IDE ( and so I should search that forum for information ).

> Error Console show anything relating to your code?
I've been away from using the JDeveloper IDE for about a year and so my debugging skills are likely a little rusty. That said, the Server.log does not appear to show errors.

> (Do you have the code, live, accessible, somewhere?)
Code from about 1 year ago using Jdeveloper 12.2.1 and vintage Firefox version 46 or so which required a Windows Media Player Plugin played the MP3 file(s) and looked like this...
<audio src="waterFromStillBoatPerspective.mp3" controls="controls" autoplay="autoplay"
id="a1">
Your browser does not support the audio element.
</audio>

Now I'm using JDeveloper 12.2.1.2 and Firefox 47 and the above code no longer works.
Using Jdeveloper to generate a new <audio> component produces the following code...
<audio controls="controls" xmlns="http://www.w3.org/1999/xhtml">
<source src="C:\\Users\\Michael\\Documents\\JDev\\myWork12_2_1_2_8u101\\Popeye\\ViewController\\public_html\\waterFromStillBoatPerspective.mp3"
type="audio/mp3"/>
</audio>

I'm not sure why it's hard coding the full pathname.
If I deploy on a Linux machine, I doubt this would work on Linux.
I believe public_html is the default directory where the server should look and therefore only the filename should suffice.
Of course I tried to "tweak" the IDE generated code using just the filename and not having any success.

It seems my problem may not a browser problem and I should search the JDeveloper forum for posts on this topic.
Hopefully I'll find something fruitful and would be happy to report a solution back here.
Firefox 57.0 / Oracle JDeveloper 12.2.1.2 / ADF / WebLogic & GlassFish / Java SE 8u101 / Windows 8.1 Pro & Linux
User avatar
therube
Posts: 21698
Joined: March 10th, 2004, 9:59 pm
Location: Maryland USA

Re: Firefox 57.0a1 Does Not Play HTML5 Audio for MP3 file

Post by therube »

> Error Console show anything relating to your code?
I've been away from using the JDeveloper IDE for about a year and so my debugging skills are likely a little rusty. That said, the Server.log does not appear to show errors.
FF Error Console, Ctrl+Shift+J
Fire 750, bring back 250.
Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US; rv:1.9.1.19) Gecko/20110420 SeaMonkey/2.0.14 Pinball CopyURL+ FetchTextURL FlashGot NoScript
amanti
Posts: 27
Joined: November 12th, 2012, 8:42 pm

Re: Firefox 57.0a1 Does Not Play HTML5 Audio for MP3 file

Post by amanti »

Given the JDeveloper IDE Generated ( and untweaked ) code...

<audio controls="controls" xmlns="http://www.w3.org/1999/xhtml">
<source src="C:\\Users\\Michael\\Documents\\JDev\\myWork12_2_1_2_8u101\\Popeye\\ViewController\\public_html\\waterFromStillBoatPerspective.mp3"
type="audio/mp3"/>
</audio>

CTRL-SHIRT-J reveals the " Browser Console " which seems to have various filters.
Hopefuly this is useful...

POST
XHR
http://127.0.0.1:7101/ViewController/faces/home
[HTTP/1.1 200 OK 18ms]
All candidate resources failed to load. Media load paused. home
The character encoding of a framed document was not declared. The document may appear different if viewed without the document framing it. blank.html
Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user’s experience. For more help http://xhr.spec.whatwg.org/ core-ASPEN-7005.js:37:237
GET
XHR
http://127.0.0.1:7101/ViewController/af ... EN-7005.js
[HTTP/1.1 200 OK 0ms ]
Firefox 57.0 / Oracle JDeveloper 12.2.1.2 / ADF / WebLogic & GlassFish / Java SE 8u101 / Windows 8.1 Pro & Linux
amanti
Posts: 27
Joined: November 12th, 2012, 8:42 pm

Re: Firefox 57.0a1 Does Not Play HTML5 Audio for MP3 file

Post by amanti »

Given the traditional vintage firefox 46 HTML5 <audio> code ( treaked ??? )

<audio src="waterFromStillBoatPerspective.mp3" controls="controls" autoplay="autoplay" id="a1">
Your browser does not support the audio element.
/audio>

CTRL-SHIRT-J reveals the " Browser Console " which seems to have various filters.
Hopefuly this is useful...

POST
XHR
http://127.0.0.1:7101/ViewController/faces/home
[HTTP/1.1 404 Not Found 3ms]
HTTP “Content-Type” of “text/html” is not supported. Load of media resource http://127.0.0.1:7101/ViewController/fa ... ective.mp3 failed. home
The character encoding of a framed document was not declared. The document may appear different if viewed without the document framing it. blank.html
Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user’s experience. For more help http://xhr.spec.whatwg.org/ core-ASPEN-7005.js:37:237
GET
XHR
http://127.0.0.1:7101/ViewController/af ... EN-7005.js
[HTTP/1.1 200 OK 0ms]
Cannot play media. No decoders for requested formats: text/html
Firefox 57.0 / Oracle JDeveloper 12.2.1.2 / ADF / WebLogic & GlassFish / Java SE 8u101 / Windows 8.1 Pro & Linux
amanti
Posts: 27
Joined: November 12th, 2012, 8:42 pm

Re: Firefox 57.0a1 Does Not Play HTML5 Audio for MP3 file

Post by amanti »

Given code...
<audio controls="controls" xmlns="http://www.w3.org/1999/xhtml">
<source src="waterFromStillBoatPerspective.mp3"
type="audio/mp3"/>
</audio>

CTRL-SHIRT-J reveals the " Browser Console " which seems to have various filters.
Hopefuly this is useful...

POST
XHR
http://127.0.0.1:7101/ViewController/faces/home
[HTTP/1.1 200 OK 10ms]
Headers
Response
Cookies
Cache-Controlno-storeContent-Length67Content-Typetext/xml;charset=utf-8DateThu, 10 Aug 2017 21:53:40 GMTX-ORACLE-DMS-ECID3cd6b9ff-03cc-4833-a052-f3364a3f7fb3-000000c8X-ORACLE-DMS-RID0
Accept*/*Accept-Encodinggzip, deflateAccept-Languageen-US,en;q=0.5Adf-Rich-MessagetrueAdf-Window-Idl887kvbfqAdf-Window-UnloadedtrueConnectionkeep-aliveContent-Length37Content-Typeapplication/x-www-form-urlencodedCookieJSESSIONID=_3bOH-3dRQhU3sOQBbOpigaLw3guNCqIcLvTJzgD1SDW9vh33EAx!-392079585DNT1Host127.0.0.1:7101Refererhttp://127.0.0.1:7101/ViewController/faces/homeUser-AgentMozilla/5.0 (Windows NT 6.3; Win64; x64; rv:57.0) Gecko/20100101 Firefox/57.0

The character encoding of a framed document was not declared. The document may appear different if viewed without the document framing it. blank.html
HTTP “Content-Type” of “text/html” is not supported. Load of media resource http://127.0.0.1:7101/ViewController/fa ... ective.mp3 failed. home
All candidate resources failed to load. Media load paused. home
GET
XHR
http://127.0.0.1:7101/ViewController/af ... EN-7005.js
[HTTP/1.1 200 OK 0ms]
Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user’s experience. For more help http://xhr.spec.whatwg.org/ core-ASPEN-7005.js:37:237
Firefox 57.0 / Oracle JDeveloper 12.2.1.2 / ADF / WebLogic & GlassFish / Java SE 8u101 / Windows 8.1 Pro & Linux
amanti
Posts: 27
Joined: November 12th, 2012, 8:42 pm

Re: Firefox 57.0a1 Does Not Play HTML5 Audio for MP3 file

Post by amanti »

Given / specifiying " mpeg "...
<audio controls="controls" id="treak2add_id">
<source src="waterFromStillBoatPerspective.mp3" type="audio/mpeg"/>
</audio>

POST
XHR
http://127.0.0.1:7101/ViewController/faces/home
[HTTP/1.1 200 OK 54ms]
POST
XHR
http://127.0.0.1:7101/ViewController/faces/home
[HTTP/1.1 200 OK 14ms]
Headers
Response
Cookies
Call Stack
Cache-Controlno-storeContent-Length67Content-Typetext/xml;charset=utf-8DateThu, 10 Aug 2017 22:16:35 GMTX-ORACLE-DMS-ECID3cd6b9ff-03cc-4833-a052-f3364a3f7fb3-000000faX-ORACLE-DMS-RID0
Accept*/*Accept-Encodinggzip, deflateAccept-Languageen-US,en;q=0.5Adf-Rich-MessagetrueAdf-Window-Idoxtoyo8x8Adf-Window-UnloadedtrueConnectionkeep-aliveContent-Length37Content-Typeapplication/x-www-form-urlencodedCookieJSESSIONID=-uPOOGPrOxUdX18Xnq4k9Lwoz5UC1u3oo2rfVCdZ71ZLKvLJz6DE!-392079585DNT1Host127.0.0.1:7101Refererhttp://127.0.0.1:7101/ViewController/faces/homeUser-AgentMozilla/5.0 (Windows NT 6.3; Win64; x64; rv:57.0) Gecko/20100101 Firefox/57.0

HTTP “Content-Type” of “text/html” is not supported. Load of media resource http://127.0.0.1:7101/ViewController/fa ... ective.mp3 failed. home
All candidate resources failed to load. Media load paused. home
The character encoding of a framed document was not declared. The document may appear different if viewed without the document framing it. blank.html
Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user’s experience. For more help http://xhr.spec.whatwg.org/ core-ASPEN-7005.js:37:237
GET
XHR
http://127.0.0.1:7101/ViewController/af ... EN-7005.js
[HTTP/1.1 200 OK 0ms]
Firefox 57.0 / Oracle JDeveloper 12.2.1.2 / ADF / WebLogic & GlassFish / Java SE 8u101 / Windows 8.1 Pro & Linux
amanti
Posts: 27
Joined: November 12th, 2012, 8:42 pm

Re: Firefox 57.0a1 Does Not Play HTML5 Audio for MP3 file

Post by amanti »

I should mention this is an Oracle ADF, Application Development Framework, application (as opposed to Java EE).
The User Interface uses a scripting language called EL, Expression Language
(and not javascript, to the best of my knowledge, but then again, I have no idea how these components are implemented nor how ADF handles HTML5).

Current Releases of JDeveloper and ADF
http://www.oracle.com/technetwork/devel ... index.html

Here is an interesting tid bit...
Integrating Vue.js in ADF Faces 12c Web Application – using HTML5 style Document Import
By Lucas Jellema on July 24, 2017
https://technology.amis.nl/2017/07/24/i ... nt-import/
" ADF Faces is still – and will stay – a server side framework that provides only piecemeal support for HTML5 APIs. "

The ADF <af:media> component does play local MP3 files as follows...
<af:media source="waterFromStillBoatPerspective.mp3" id="m1"/>

The drawback of using <af:media> is that a pop-up windows media player appears in
a completely separate GUI.
( I don't yet know if there are other choices. )

I liked (past tense) the way the HTML5 <audio> used to work...
https://community.oracle.com/message/13882414#13882414

Something changed.
Hmmm.
The Release Notes, http://www.oracle.com/technetwork/devel ... 56749.html
don't say anything about HTML5 nor <audio>, but that doesn't means Oracle ADF didn't make changes in this area.
Firefox 57.0 / Oracle JDeveloper 12.2.1.2 / ADF / WebLogic & GlassFish / Java SE 8u101 / Windows 8.1 Pro & Linux
amanti
Posts: 27
Joined: November 12th, 2012, 8:42 pm

Re: Firefox 57.0a1 Does Not Play HTML5 Audio for MP3 file

Post by amanti »

<!-- This, streaming from a remote MP3 file works ( with type="audio/mpeg" )
<audio id="tweak2add_id" autoplay="autoplay" controls="controls">
<source src="https://retired.sounddogs.com/previews/ ... GS__ba.mp3" type="audio/mpeg"/>
</audio>
-->

<!-- This, streaming from a remote MP3 file works ( with type="audio/mp3" )
<audio id="tweak2add_id" autoplay="autoplay" controls="controls">
<source src="https://retired.sounddogs.com/previews/ ... GS__ba.mp3" type="audio/mp3"/>
</audio>
-->

<!-- This, streaming from a remote MP3 file works ( without specifying a type )
<audio id="tweak2add_id" autoplay="autoplay" controls="controls">
<source src="https://retired.sounddogs.com/previews/ ... GS__ba.mp3" />
</audio>

Streaming from a local MP3 file: Under Study.
Firefox 57.0 / Oracle JDeveloper 12.2.1.2 / ADF / WebLogic & GlassFish / Java SE 8u101 / Windows 8.1 Pro & Linux
amanti
Posts: 27
Joined: November 12th, 2012, 8:42 pm

Re: Firefox 57.0a1 Does Not Play HTML5 Audio for MP3 file

Post by amanti »

> Streaming from a local MP3 file: Under Study.

GIVEN EXAMPLE
https://developer.mozilla.org/en-US/doc ... ment/audio
<audio controls="controls">
Your browser does not support the <code>audio</code> element.
<source src="foo.wav" type="audio/wav">
</audio>

Here's my code...
<audio controls="controls">
Your browser does not support the <code>audio</code> element.
<source src="waterFromStillBoatPerspective.mp3" type="audio/mp3" />
</audio>

I'm using Windows 8.1 Professional.
( Oracle ADF / WebLogic / Java SE 8 update 101 / Windows 8.1 Professional / 64-bit / GPT UEFI ).

Broken. Failed.
Does Not Work Anymore.
Did Firefox Sandboxing accidentally break this functionality ?
Yes ?
Firefox 57.0 / Oracle JDeveloper 12.2.1.2 / ADF / WebLogic & GlassFish / Java SE 8u101 / Windows 8.1 Pro & Linux
Post Reply