Я создал файл 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'), и он отлично работает.
Пожалуйста, помогите мне и покажите мне, что не так с моим кодом.
Спасибо.