Я сгенерировал файл m3u8 (index.m3u8) из видео и хочу воспроизвести его на HTML.
По сути, у меня есть сервер golang, который отправит index.m3u8 в тег видео в html5, чтобы воспроизвести его при вызове http://127.0.0.1:8200/play.
мой файл golang:
package main
import(
"fmt"
"net/http"
"html/template"
)
func serveHandler(w http.ResponseWriter, r *http.Request){
tmpl := template.Must(template.ParseFiles("index.html"))
tmpl.Execute(w, "videosource/index.m3u8")
}
func main(){
fmt.Println("begin listening to port 8200")
server := http.Server{
Addr: "127.0.0.1:8200",
}
http.HandleFunc("/play",serveHandler)
server.ListenAndServe()
}
это мой HTML-файл:
<html>
<body>
<script src="https://cdn.jsdelivr.net/npm/hls.js@canary"></script>
<video id="video" controls autoplay></video>
<script>
if(Hls.isSupported())
{
var video = document.getElementById('video');
var hls = new Hls();
hls.loadSource('{{.}}');
hls.attachMedia(video);
hls.on(Hls.Events.MANIFEST_PARSED,function()
{
video.play();
});
}
else if (video.canPlayType('application/vnd.apple.mpegurl'))
{
video.src = '{{.}}';
video.addEventListener('canplay',function()
{
video.play();
});
}
</script>
ошибка, которую я получаю в консоли при переходе по URL (http://127.0.0.1:8200/play) - это
videosource/index.m3u8:1 Failed to load resource: the server responded with a status of 404 (Not Found)
Чтобы убедиться, что ошибка не вызвана ошибкой пути, я попытался заменить '{{.}}' в HTML полным путем ('videosource / index.m3u8'), и он отлично работает.
Пожалуйста, проведите меня и покажите, что не так с моим кодом.
Спасибо.