Level 73
m3u8 is a playlist and not an actual media format. In your case it seem to bee ts files. I'm not sure that they are playable in the browser. I suggest using mp4 instead.
Jan 1, 2021
7
Level 11
open .m3u8 files with video-js
Dear community I wish you a happy new year,
I have a question for you.
I converted my video to an .m3u8 file successfully and stored it on a public disk.
https://i.imgur.com/aAksvvg.png
Now I want to play the .m3u8 file in my browser using videos js
<video
id="my-video"
class="video-js"
controls
preload="auto"
width="640"
height="264"
{{-- poster="MY_VIDEO_POSTER.jpg"--}}
data-setup="{}"
>
<source src="/videos/17.m3u8" type="application/vnd.apple.mpegurl" />
{{-- <source src="MY_VIDEO.webm" type="video/webm" />--}}
</video>
for some reason the video is not beeing played back.
I heared something about an extra package to install to make this functionality available but then it states that this VHS package would already be avilable out of the box with video-js 7.x
https://github.com/videojs/http-streaming
I am confused how I can make this work
Level 11
That is not an option.
It must be possible to play .m3u8 in the browser
Level 73
The m3u8 is a utf-8 playlist. That is a pointer to a media file. The issue might be that it points to a .tsfile. Ts stands for transport stream, you can read more about them here https://www.reviversoft.com/en/file-extensions/ts
I suggest you convert the file to a web safe mp4 file instead.
Or you can try this library
Level 11
I already managed to get it to work.
I just needed to reference the video-js scripts inside the blade view instead of insinde the head section.
I don't know why but now I have the youtube functionality I hoped for and it is working flawlessly
Level 73
Since blade is html and laravel php functionality you add the link to the js file just like you would in regular html.
<script src="<insert link here>"></script>
Level 11
video-js 7.0 can open m3u8 playlists and decide based on the bandwith which quality of the playlit to pick and loads only the sections inside the stream its called VHS video-http-streaming
Please or to participate in this conversation.