GoLang http 网络服务器提供视频 (mp4)

GoLang http webserver provide video (mp4)

我使用 golang 开发了一个网络服务器。漂亮的飞机东西,它只提供 html/js/css 和完美运行的图像:

func main() {
    http.Handle("/", new(viewHandler))
    http.ListenAndServe(":8080", nil)
}

func (vh *viewHandler) ServeHTTP(w http.ResponseWriter, r *http.Request) {
    path := r.URL.Path[1:]
    log.Println(path)
    data, err := ioutil.ReadFile(string(path))

    if err == nil {

        var contentType string

        if strings.HasSuffix(path, ".html") {
            contentType = "text/html"
        } else if strings.HasSuffix(path, ".css") {
            contentType = "text/css"
        } else if strings.HasSuffix(path, ".js") {
            contentType = "application/javascript"
        } else if strings.HasSuffix(path, ".png") {
            contentType = "image/png"
        } else if strings.HasSuffix(path, ".jpg") {
            contentType = "image/jpeg"
        } 

        w.Header().Add("Content-Type", contentType)
        w.Write(data)
    } else {
        log.Println("ERROR!")
        w.WriteHeader(404)
        w.Write([]byte("404 - " + http.StatusText(404)))
    }
}

我尝试用同样的方法将 mp4 格式的视频添加到我的网站:

<video width="685" height="525" autoplay loop style="margin-top: 20px">
   <source src="../public/video/marketing.mp4" type="video/mp4">Your browser does not support the video tag.</video>

并通过以下方式增强了我的 go 应用程序的内容类型部分:

else if strings.HasSuffix(path, ".mp4") {
            contentType = "video/mp4"
        }

当我直接在 Chrome 中打开 html 文件时,视频可以正常播放,但是如果我通过在 http://localhost 调用 Web 服务器打开网站...未加载,因此未播放。

没有加载视频,如果我尝试直接点击它浏览器只显示一些视频控件而不加载文件:

对此有什么想法吗?提前致谢。

更新:

按照建议,我还尝试了另一个视频,效果非常好!但我不知道为什么,我比较了两个视频:

难道是尺码??

干杯,谢谢!

更新 2:

icza 是对的,我将他的 post 标记为我问题的正确答案。但是让我解释一下我最终做了什么来让它工作:

我试图在不使用 http.FileServe 方法的情况下解决我的问题。因此我这样实现:

} else if strings.HasSuffix(path, ".mp4") {
            contentType = "video/mp4"
            size := binary.Size(data)
            if size > 0 {
                requestedBytes := r.Header.Get("Range")
                w.Header().Add("Accept-Ranges", "bytes")
                w.Header().Add("Content-Length", strconv.Itoa(size))
                w.Header().Add("Content-Range", "bytes "+requestedBytes[6:len(requestedBytes)]+strconv.Itoa(size-1)+"/"+strconv.Itoa(size))
                w.WriteHeader(206)
            }
        }

        w.Header().Add("Content-Type", contentType)
        w.Write(data)

这是我第一次播放视频时的效果。但是因为我想让它循环播放,所以它应该直接从头开始,但它卡在了视频的最后一帧。

所以我实现了 ServeFile() 方法,例如:

if contentType == "video/mp4" {
            http.ServeFile(w, r, path)
        } else {
            w.Header().Add("Content-Type", contentType)
            w.Write(data)
        }

视频现在也可以正确循环播放。但是我仍然不知道为什么 ServeFile() 有效而另一种方法无效,尽管这两种方法的响应完全相同。尽管如此,现在的内容看起来像这样:

干杯并感谢所有帮助过我的人。

好吧,因为它不是实时流(就大小和持续时间而言是已知的,因为源是 mp4 文件)我认为您的服务器应该尊重 Range header请求并使用适当的 Content-LengthContent-RangeAccept-Range 值进行响应(否则将无法进行搜索,我猜你不希望这样)。这应该会让 Chrome 高兴。在请求中实现 Range header 值的处理时要小心 - 如果它不是 0- 那么你必须实际寻找请求的点和 return 来自的数据那里。此外,我认为不应将 Transfer-Encoding 设置为 chunked 的视频进行传输。

你的代码对我来说似乎工作正常。这是我测试的完整工作示例,在 OS X.

上使用 Chrome

main.go:

package main

import "io/ioutil"
import "log"
import "net/http"
import "strings"

type viewHandler struct{}

func (vh *viewHandler) ServeHTTP(w http.ResponseWriter, r *http.Request) {
    path := r.URL.Path[1:]

    data, err := ioutil.ReadFile(string(path))

    if err != nil {
        log.Printf("Error with path %s: %v", path, err)
        w.WriteHeader(404)
        w.Write([]byte("404"))
    }

    if strings.HasSuffix(path, ".html") {
        w.Header().Add("Content-Type", "text/html")
    } else if strings.HasSuffix(path, ".mp4") {
        w.Header().Add("Content-Type", "video/mp4")
    }

    w.Write(data)
}

func main() {
    http.Handle("/", new(viewHandler))
    http.ListenAndServe(":8080", nil)
}

index.html:

<!doctype html>
<html>
<body>
    <video autoplay loop>
        <source src="big_buck_bunny.mp4" type="video/mp4">
    </video>
</body>
</html>

http://www.quirksmode.org/html5/videos/big_buck_bunny.mp4 下载的视频。

您的"issue"与视频长度/大小有关。我不知道默认缓冲区 Chrome 使用(它可能取决于多种因素,如可用内存、可用磁盘 space 等),但你不应该依赖它来播放你的视频!

您的一个视频短了几秒钟,几乎是另一个视频的三分之一。 Chrome 完全缓冲较小的视频(可能在内存中),而不对其他视频做同样的事情。由于它比缓冲区大,它需要服务器支持范围请求(部分内容服务)。您提供视频内容的方式不支持部分内容提供(Chrome 期望 "large" 视频),因此 Chrome 只是拒绝处理/播放视频.

您应该使用 http.ServeFile() which supports serving Range requests (required for videos that are bigger than a certain size). See related question: How to serve http partial content with Go?

提供您的文件

执行此操作后,您的两个视频文件都可以正常播放。

展望未来,没有实际理由不使用 http.ServeFile()。它不会像您那样将完整的文件加载到内存中,这对于大(视频)文件来说是一个非常糟糕的主意。 http.ServeFile() 如果被要求处理范围请求,并且还正确设置响应 headers 包括 Content-Type(并且知道 .mp4 文件需要 video/mp4 MIME 类型)。

正在分析大视频文件的请求

测试这个简单的应用程序:

func fileh(w http.ResponseWriter, r *http.Request) {
    http.ServeFile(w, r, "/path/to/a/big/video.mp4")    
}

func main() {
    http.HandleFunc("/", fileh)
    panic(http.ListenAndServe("localhost:8080", nil))
}

然后从 Chrome 打开 http://localhost:8080,浏览器发出 2 个请求(我有意过滤掉不重要/不相关的 request-response headers):

请求 #1

GET / HTTP/1.1

获取请求的(根)路径。

响应 #1

HTTP/1.1 200 OK
Accept-Ranges: bytes
Content-Length: 104715956
Content-Type: video/mp4

如您所见,Go 应用报告视频大小约为 100 MB。 http.ServeFile() 还包括响应 header Accept-Ranges: bytes,它让客户事先知道我们支持范围请求。

Chrome对此如何回应?收到 32 KB 后关闭连接(32.2 KB 包括 headers;这足以查看流并告诉它可以用它做什么),然后触发另一个请求(即使 Accept-Ranges 响应 header 未发送 - 您的示例代码未发送):

请求#2

GET / HTTP/1.1
Referer: http://localhost:8080/
Range: bytes=0-

Chrome 触发一个 Range 请求(从第一个字节开始询问所有内容),所以如果您的 Go 应用程序不支持这个,您就有麻烦了。请参阅回复 #2。

回复#2

HTTP/1.1 206 Partial Content
Accept-Ranges: bytes
Content-Length: 104715956
Content-Range: bytes 0-104715955/104715956
Content-Type: video/mp4

http.ServeFile() 表现良好,并正确响应范围请求(HTTP 206 Partial Content 状态代码和 Content-Range header),并发送请求的范围(所有内容在这种情况下)。

您的示例代码不会以 HTTP 206 Partial Content 响应,而是以简单的 HTTP 200 OK 响应。当 Chrome 收到意外的 HTTP 200 OK 时,就是它放弃播放您的视频的时刻。如果视频文件很小,Chrome 不会有什么大不了的,因为它也只会接受 HTTP 200 OK 响应(并且可能只是将小视频存储在内存或缓存文件中) .

这是一个支持所有文件类型的示例。 内容类型 := http.DetectContentType(缓冲区) https://play.golang.org/p/XuVgmsCHUZB