audio.html 981 B

12345678910111213141516171819202122232425262728293031323334
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>播放</title>
  7. <script src="/js/message.js"></script>
  8. </head>
  9. <body>
  10. <audio id="audio" />
  11. <script>
  12. var audio = document.getElementById('audio');
  13. var message = applicationListener('audio');
  14. var timer;
  15. message.addEventListener('main', function(payload) {
  16. if(payload.repeat) {
  17. audio.onended = () => {
  18. clearTimeout(timer);
  19. timer = setTimeout(() => {
  20. audio.play();
  21. }, props.interval);
  22. };
  23. } else {
  24. audio.onended = null;
  25. }
  26. audio.oncanplaythrough = () => {
  27. payload.media && audio.play();
  28. };
  29. audio.src = payload.media;
  30. });
  31. </script>
  32. </body>
  33. </html>