1  import Code from "../../Code";
 2  import Output from "../../Output";
 3  
 4  const AudioCodecsDemo = () => {
 5    return (
 6      <div>
 7        <Code
 8          snippet={`
 9  () => {
10    const audio = document.createElement("audio");
11    let codecs = null;
12  
13    if (audio.canPlayType) {
14      codecs = JSON.stringify({
15        ogg: audio.canPlayType('audio/ogg; codecs="vorbis"'),
16        mp3: audio.canPlayType("audio/mpeg;"),
17        wav: audio.canPlayType('audio/wav; codecs="1"'),
18        m4a: audio.canPlayType("audio/x-m4a;"),
19        aac: audio.canPlayType("audio/aac;"),
20      });
21    }
22  
23    return codecs;
24  }
25          `.trim()}
26        />
27  
28        <Output
29          generator={() => {
30            const audio = document.createElement("audio");
31            let codecs = null;
32  
33            if (audio.canPlayType) {
34              codecs = JSON.stringify({
35                ogg: audio.canPlayType('audio/ogg; codecs="vorbis"'),
36                mp3: audio.canPlayType("audio/mpeg;"),
37                wav: audio.canPlayType('audio/wav; codecs="1"'),
38                m4a: audio.canPlayType("audio/x-m4a;"),
39                aac: audio.canPlayType("audio/aac;"),
40              });
41            }
42  
43            return codecs;
44          }}
45        />
46      </div>
47    );
48  };
49  
50  export default AudioCodecsDemo;