Bug 243155

Summary: The HTMLAudioElement works only with JS enabled
Product: WebKit Reporter: Dimitrios Grammatikogiannis <d.grammatiko>
Component: MediaAssignee: 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/

Dimitrios Grammatikogiannis
Reported 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.
Attachments
Chris Dumez
Comment 1 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 [...]
Karl Dubost
Comment 2 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?
Dimitrios Grammatikogiannis
Comment 3 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.
Radar WebKit Bug Importer
Comment 4 2022-07-31 14:48:15 PDT
Sam Sneddon [:gsnedders]
Comment 5 2022-08-18 08:00:19 PDT
*** Bug 178040 has been marked as a duplicate of this bug. ***
Sam Sneddon [:gsnedders]
Comment 6 2022-08-18 08:00:58 PDT
*** This bug has been marked as a duplicate of bug 178040 ***
Note You need to log in before you can comment on or make changes to this bug.