Bug 243155

Summary:	The HTMLAudioElement works only with JS enabled
Product:	WebKit	Reporter:	Dimitrios Grammatikogiannis <d.grammatiko>
Component:	Media	Assignee:	Nobody <webkit-unassigned>
Status:	RESOLVED DUPLICATE
Severity:	Normal	CC:	cdumez, graouts, jcraig, jer.noble, karlcow, webkit-bug-importer
Priority:	P2	Keywords:	BrowserCompat, InRadar
Version:	Safari 15
Hardware:	Unspecified
OS:	macOS 12
URL:	https://dgrammatiko.netlify.app/blog/from-html-to-pwa/radio/

Description Dimitrios Grammatikogiannis 2022-07-24 14:47:19 PDT

The audio element requires Javascript to have any meaningful interactivity (eg playback a live stream). This is odd as the detail element works without JS and also the other 2 engines (gecko and blink) seem quite happy playing a stream even without JS enabled.

The issue could be easily reproduced by disabling JS and visiting this url: https://dgrammatiko.netlify.app/blog/from-html-to-pwa/radio/


I'm guessing video element could also be unusable without JS, but I don't have any handy MP4 file to test it locally.

Comment 1 Chris Dumez 2022-07-25 19:28:51 PDT

Probably because our media controls are implemented using JS?

Source/WebCore/Modules/mediacontrols/mediaControlsBase.js
Source/WebCore/Modules/mediacontrols/mediaControlsApple.js
Source/WebCore/Modules/modern-media-controls/gesture-recognizers/gesture-recognizer.js
Source/WebCore/Modules/modern-media-controls/gesture-recognizers/pinch.js
Source/WebCore/Modules/modern-media-controls/gesture-recognizers/tap.js
Source/WebCore/Modules/modern-media-controls/controls/close-button.js
Source/WebCore/Modules/modern-media-controls/controls/layout-node.js
Source/WebCore/Modules/modern-media-controls/controls/overflow-button.js
[...]

Comment 2 Karl Dubost 2022-07-25 19:37:29 PDT

Dimitrios 
did you meet the issue on a big website?
Or did you need it in a specific user context and/or for developing an app?

Comment 3 Dimitrios Grammatikogiannis 2022-07-27 10:01:25 PDT

> did you meet the issue on a big website? Or did you need it in a specific user context and/or for developing an app?

No, not really, I was writing a post about progressive enhancement and I was surprised  that the native audio element was requiring JS to be enabled on Safari.
Probably this is not a high priority issue (or not an issue at all) I just felt that this might worth reporting.

Comment 4 Radar WebKit Bug Importer 2022-07-31 14:48:15 PDT

<rdar://problem/97879513>

Comment 5 Sam Sneddon [:gsnedders] 2022-08-18 08:00:19 PDT

*** Bug 178040 has been marked as a duplicate of this bug. ***

Comment 6 Sam Sneddon [:gsnedders] 2022-08-18 08:00:58 PDT


*** This bug has been marked as a duplicate of bug 178040 ***