<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<!DOCTYPE bugzilla SYSTEM "https://bugs.webkit.org/page.cgi?id=bugzilla.dtd">

<bugzilla version="5.0.4.1"
          urlbase="https://bugs.webkit.org/"
          
          maintainer="admin@webkit.org"
>

    <bug>
          <bug_id>243155</bug_id>
          
          <creation_ts>2022-07-24 14:47:19 -0700</creation_ts>
          <short_desc>The HTMLAudioElement works only with JS enabled</short_desc>
          <delta_ts>2022-08-18 08:00:58 -0700</delta_ts>
          <reporter_accessible>1</reporter_accessible>
          <cclist_accessible>1</cclist_accessible>
          <classification_id>1</classification_id>
          <classification>Unclassified</classification>
          <product>WebKit</product>
          <component>Media</component>
          <version>Safari 15</version>
          <rep_platform>Unspecified</rep_platform>
          <op_sys>macOS 12</op_sys>
          <bug_status>RESOLVED</bug_status>
          <resolution>DUPLICATE</resolution>
          <dup_id>178040</dup_id>
          
          <bug_file_loc>https://dgrammatiko.netlify.app/blog/from-html-to-pwa/radio/</bug_file_loc>
          <status_whiteboard></status_whiteboard>
          <keywords>BrowserCompat, InRadar</keywords>
          <priority>P2</priority>
          <bug_severity>Normal</bug_severity>
          <target_milestone>---</target_milestone>
          
          
          <everconfirmed>1</everconfirmed>
          <reporter name="Dimitrios Grammatikogiannis">d.grammatiko</reporter>
          <assigned_to name="Nobody">webkit-unassigned</assigned_to>
          <cc>cdumez</cc>
    
    <cc>graouts</cc>
    
    <cc>jcraig</cc>
    
    <cc>jer.noble</cc>
    
    <cc>karlcow</cc>
    
    <cc>webkit-bug-importer</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>1886415</commentid>
    <comment_count>0</comment_count>
    <who name="Dimitrios Grammatikogiannis">d.grammatiko</who>
    <bug_when>2022-07-24 14:47:19 -0700</bug_when>
    <thetext>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&apos;m guessing video element could also be unusable without JS, but I don&apos;t have any handy MP4 file to test it locally.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1886671</commentid>
    <comment_count>1</comment_count>
    <who name="Chris Dumez">cdumez</who>
    <bug_when>2022-07-25 19:28:51 -0700</bug_when>
    <thetext>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
[...]</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1886673</commentid>
    <comment_count>2</comment_count>
    <who name="Karl Dubost">karlcow</who>
    <bug_when>2022-07-25 19:37:29 -0700</bug_when>
    <thetext>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?</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1887090</commentid>
    <comment_count>3</comment_count>
    <who name="Dimitrios Grammatikogiannis">d.grammatiko</who>
    <bug_when>2022-07-27 10:01:25 -0700</bug_when>
    <thetext>&gt; 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.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1887983</commentid>
    <comment_count>4</comment_count>
    <who name="Radar WebKit Bug Importer">webkit-bug-importer</who>
    <bug_when>2022-07-31 14:48:15 -0700</bug_when>
    <thetext>&lt;rdar://problem/97879513&gt;</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1892204</commentid>
    <comment_count>5</comment_count>
    <who name="Sam Sneddon [:gsnedders]">gsnedders</who>
    <bug_when>2022-08-18 08:00:19 -0700</bug_when>
    <thetext>*** Bug 178040 has been marked as a duplicate of this bug. ***</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1892206</commentid>
    <comment_count>6</comment_count>
    <who name="Sam Sneddon [:gsnedders]">gsnedders</who>
    <bug_when>2022-08-18 08:00:58 -0700</bug_when>
    <thetext>

*** This bug has been marked as a duplicate of bug 178040 ***</thetext>
  </long_desc>
      
      

    </bug>

</bugzilla>