index.html 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>mpd-parser Demo</title>
  6. </head>
  7. <body>
  8. <p>Open dev tools to try it out</p>
  9. <ul>
  10. <li><a href="test/debug.html">Run unit tests in browser.</a></li>
  11. <li><a href="docs/api/">Read generated docs.</a></li>
  12. </ul>
  13. <form id=parse>
  14. <label>
  15. Video URL:
  16. <input id=url type=url value="http://dash.edgesuite.net/akamai/bbb_30fps/bbb_30fps.mpd">
  17. </label>
  18. <button type=submit>Parse</button>
  19. </form>
  20. <script src="dist/mpd-parser.js"></script>
  21. <script>
  22. (function(window, mpdParser) {
  23. var parseForm = document.getElementById('parse');
  24. var url = document.getElementById('url');
  25. parseForm.addEventListener('submit', function(event) {
  26. event.preventDefault();
  27. fetch(url.value)
  28. .then(function(response) {
  29. return response.text();
  30. }).then(function(body) {
  31. console.log('Original ->');
  32. console.log(body);
  33. var parsedMpd = mpdParser.parse(body, {});
  34. console.log('Parsed ->');
  35. console.log(parsedMpd);
  36. }).catch(error => console.error(error));
  37. return false;
  38. });
  39. }(window, window.mpdParser));
  40. </script>
  41. </body>
  42. </html>