I have a live RTSP stream that i have managed to transcode to HLS via VLC. Now it works perfect on Android and on desktop browsers (via flash).
But not on Apple (i can test it on iPad and desktop Safari). I can see the player but when i press the 'play' button all i see is a black rectangle inside the player. On desktop Safari there is also a text 'Loading...' near the play/pause button and nothing else happens.
My HTML:
<video controls> <source src="http://178.79.164.114/playlist.m3u8" type="application/x-mpegURL"></video>
The command for vlc:
vlc -I dummy rtsp://<stream-url> --sout '#transcode{width=320,height=240,fps=25,vcodec=h264,vb=256,acodec=none,venc=x264{aud,profile=baseline,level=30,keyint=30,bframes=0,ref=1,nocabac}}:std{access=livehttp{seglen=10,delsegs=true,numsegs=5,index=/path/to/server/directory/playlist.m3u8,index-url=http://178.79.164.114/seg-########.ts},mux=ts{use-key-frames},dst=seg-########.ts}'
My playlist looks like this:
#EXTM3U
#EXT-X-TARGETDURATION:10
#EXT-X-VERSION:3
#EXT-X-ALLOW-CACHE:NO
#EXT-X-MEDIA-SEQUENCE:165
#EXTINF:9.63,
seg-00000165.ts
#EXTINF:9.60,
seg-00000166.ts
#EXTINF:9.60,
seg-00000167.ts
#EXTINF:9.61,
seg-00000168.ts
#EXTINF:9.44,
seg-00000169.ts
I have also configured correct MIME types for .m3u8 and .ts files and spent two days searching and trying different options for the transcode command: width, height, bitrate, fps, different profiles and levels... - nothing works.
If anyone has any ideas or has a possibility to test my stream with the
mediastreamvalidatorhttp://178.79.164.114/playlist.m3u8.