Воспроизведение аудиопотока с помощью html5

Как я могу играть в RTSP-потоки с HTML5 audio tag, я уже проверяю потоковые ссылки из Wowza http и RTSP, которые отлично работают на VLC, но когда я вставляю эти ссылки в html5 audio tag, ничто не работает, любая помощь будет оценена. Вот мой код HTML5 

<!DOCTYPE html>
<html>
    <body>
        <audio controls>
            <source src="http://[ServerIP]:1935/bw/_definst_/mp3:audio/64kbps/A_B_C_D_Any_Body_Can_Dance_Bezubaan.mp3/playlist.m3u8" type="audio/mpeg">
            Audio not supported 
        </audio>
    </body>
</html>

Edit: Stream отлично работает на смартфонах, но не работает на браузерах ПК

6
html5 javascript rtsp streaming wowza

2 ответов

HLS (m3u8 файлы) будет играть на iOS (и некоторые Android, но поддержка может быть неуклюжим) и Mac OS Safari в HTML5 аудио тег: <video width="640" height="360" preload="auto" controls src="http://[ServerIP]:1935/vod/test.mp4/playlist.m3u8"></video>

RTSP можно воспроизводить на Android через тег a в Chrome:

<div id="myElement">
<a href="rtsp://[ServerIP]:1935/vod/mp4:test.mp4">watch this stream over RTSP</a>
</div>

RTSP должен работать в ВИДЕОТЕГЕ HTML5 на Android, но только в родном браузере (ну, это мой опыт, я обычно использую тег a, поскольку Chrome теперь является браузером по умолчанию в Android 4+):<video width="640" height="360" preload="auto" controls src="rtsp://[ServerIP]:1935/vod/sample.mp4"> </video>

для поддержки настольного ПК, либо обеспечить скачать ссылку на видео-метку src (mp3, ogg, wav ..) или если вам нужно использовать потоковый протокол, вам нужно будет прибегнуть к плагину, такому как Flash (и кормить его RTMP или HDS-каналом).

существует плагин VLC для веб-браузеров, который может позволить воспроизведение потоков RTSP, но это в теге embed: <embed TYPE="application/x-vlc-plugin" autoplay="no" loop="no" width="640" height="360" target="rtsp://[ServerIP]:1935/vod/sample.mp4"></embed>

хотя HTML5 video является агностиком протокола, он зависит от реализации производителя веб-браузера/ОС и может варьироваться во времени и производителях.

2
<audio controls autoplay="autoplay"><source src="http://ip:port/;stream.mp3" type="audio/mp3">Your browser does not support the audio element.</audio>

работал для меня на ie10, ff-chrome (win7) и android, iphone/ipad, im ждет тестирования на старых ies-windows, safari и opera. Не будет работать на IE 8.

-1