-
Notifications
You must be signed in to change notification settings - Fork 32
/
index.html
33 lines (33 loc) · 2.46 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!doctype html>
<html lang="en">
<head>
<meta charset='utf-8'>
<title>Media MIME Support</title>
<link rel="stylesheet" type="text/css" href="index.css">
<script type="text/javascript" src="mimes.js"></script>
<script type="text/javascript" src="codecs.js"></script>
<script type="text/javascript" src="codecs-audio.js"></script>
<script type="text/javascript" src="codecs-video-av1.js"></script>
<script type="text/javascript" src="codecs-video-avc.js"></script>
<script type="text/javascript" src="codecs-video-vp9.js"></script>
<script type="text/javascript" src="codecs-video-hevc.js"></script>
<script type="text/javascript" src="index.js"></script>
</head>
<body>
<h1>Support for ISOBMFF-based MIME types in Browsers</h1>
<p>This page allows you to check if a given ISOBMFF-based MIME type is supported in your browser. Given the wide variety of ISOBMFF files, it is sometimes difficult to know in advance if a MIME type will be supported. This page shows test results using the <a href="http://www.w3.org/TR/html5/embedded-content-0.html#dom-navigator-canplaytype"><code>HTMLMediaElement.canPlayType</code></a> and <a href="http://w3c.github.io/media-source/#widl-MediaSource-isTypeSupported-boolean-DOMString-type"><code>MediaSource.isTypeSupported</code></a> methods for various versions of ISOBMFF MIME types, in particular for codecs as registered on the <a href="http://mp4ra.org">MP4 Registration Authority</a>.</p>
<p>You can check <a href="#general_mimes">General MIME Types</a>, <a href="#general_codecs">General track codecs</a>, <a href="#audio_codecs">Audio codecs</a> and Video codecs, in particular all <a href="#avc_codecs">AVC profiles</a>, <a href="#av1_codecs">AV1 profiles</a> or <a href="#other_video_codecs">other video codecs such as VP9, HEVC</a> or test your own codec.</p>
<div id="selftest">
<form >
<label>Test your own codec: video/mp4;codecs="<input type="text" id="v">"</label>
<input type="button" value="Test!" onclick="addOwnTest('selftest-results', document.getElementById('v').value);">
</form>
<div id="selftest-results">
</div>
</div>
<p>This <a href="mediacapabilities.html">other page</a> is dedicated to testing the <a href="https://w3c.github.io/media-capabilities/">Media Capabilities API</a>.
<p>The code for this page is hosted on GitHub <a href="https://github.com/cconcolato/media-mime-support">here</a>. If you see any mistake, please file an issue or submit a pull request.</p>
<div id="results">
</div>
</body>
</html>