You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
49 lines
1.2 KiB
49 lines
1.2 KiB
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>mpd-parser Demo</title>
|
|
</head>
|
|
<body>
|
|
<p>Open dev tools to try it out</p>
|
|
<ul>
|
|
<li><a href="test/debug.html">Run unit tests in browser.</a></li>
|
|
<li><a href="docs/api/">Read generated docs.</a></li>
|
|
</ul>
|
|
|
|
<form id=parse>
|
|
<label>
|
|
Video URL:
|
|
<input id=url type=url value="http://dash.edgesuite.net/akamai/bbb_30fps/bbb_30fps.mpd">
|
|
</label>
|
|
<button type=submit>Parse</button>
|
|
</form>
|
|
|
|
<script src="dist/mpd-parser.js"></script>
|
|
<script>
|
|
(function(window, mpdParser) {
|
|
var parseForm = document.getElementById('parse');
|
|
var url = document.getElementById('url');
|
|
|
|
parseForm.addEventListener('submit', function(event) {
|
|
event.preventDefault();
|
|
|
|
fetch(url.value)
|
|
.then(function(response) {
|
|
return response.text();
|
|
}).then(function(body) {
|
|
console.log('Original ->');
|
|
console.log(body);
|
|
|
|
var parsedMpd = mpdParser.parse(body, url.value);
|
|
console.log('Parsed ->');
|
|
console.log(parsedMpd);
|
|
}).catch(error => console.error(error));
|
|
|
|
return false;
|
|
});
|
|
}(window, window.mpdParser));
|
|
</script>
|
|
</body>
|
|
</html>
|