Question

我已经从视频生成了m3u8文件（index.m3u8），我想在HTML上播放它。基本上，我有一个golang服务器，它将在调用http://127.0.0.1:8200/play时将index.m3u8发送到html5中的视频标签以进行播放。

我的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>

我进入网址（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”），并且可以正常使用。

请指导我，告诉我我的代码有什么问题。

谢谢。

Answer 1

您必须将标题设置为正确的类型。尝试这样的事情：

func serveHandler(w http.ResponseWriter, r *http.Request){
  w.Header().Set("Content-Type", "application/x-mpegURL")

  tmpl := template.Must(template.ParseFiles("index.html"))
  tmpl.Execute(w, "videosource/index.m3u8")

}

由golang服务器提供服务时html视频标记无法播放m3u8文件

1 个答案: