golang服务器提供服务时html视频标签未播放m3u8文件_Html_Go_Video_Http Live Streaming_M3u8

golang服务器提供服务时html视频标签未播放m3u8文件

html go video

golang服务器提供服务时html视频标签未播放m3u8文件,html,go,video,http-live-streaming,m3u8,Html,Go,Video,Http Live Streaming,M3u8,我已经从视频生成了m3u8文件（index.m3u8），我想在HTML上播放它。基本上，我有一个golang服务器，它将index.m3u8发送到html5中的视频标签，以便在调用时播放它我的golang文件： package main import( "fmt" "net/http" "html/template" ) func serveHandler(w http.ResponseWriter, r *http.Request){ tmpl := template.Mu

我已经从视频生成了m3u8文件（index.m3u8），我想在HTML上播放它。基本上，我有一个golang服务器，它将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>

为了检查错误是否是由路径错误引起的，我尝试用完整路径（'videosource/index.m3u8'）替换HTML中的

'{{.}}'

，效果非常好

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

谢谢。

您必须将标题设置为正确的类型。试着这样做：

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")

}

谢谢你的回答。它起作用了。但是，在hls上会弹出另一个错误。js@latest：1在'file:///home/jetherng/go/src/stream/%7B%7B.%7D%7DCORS策略已阻止“来自源”的“null”：跨源请求仅支持协议方案：http、数据、chrome、chrome扩展、https。你知道吗？你必须在你的Web服务器上启用跨源代码（CORS）。看这里

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")

}