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

时间:2016-06-28 07:21:34

标签: http go webserver html5-video mp4

我使用golang开发了一个webserver。相当平面的东西,它只提供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服务器打开网站...则无法加载,因此无法播放。

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

enter image description here

media loaded twice

media details

有关于此的任何想法吗?提前谢谢。

更新:

正如所建议的那样,我还尝试了另一个完美无缺的视频!但我不知道为什么,我比较了两个视频:

enter image description here enter image description here

可能是大小??

干杯谢谢!

UPDATE2:

icza是对的,我将他的帖子标记为我的问题的正确答案。但是,让我解释一下我最终做了什么才能让它发挥作用:

我试图在不使用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()正在工作而另一种方法虽然两种方法的响应完全相同。然而,内容现在看起来像这样:

enter image description here

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

4 个答案:

答案 0 :(得分:8)

您的“问题”与视频长度/尺寸有关。我不知道Chrome使用的默认缓冲区(可能取决于多种内容,如可用内存,可用磁盘空间等),但您不应该依赖它来播放视频!

你的一个视频缩短了几秒钟,几乎是另一个视频的第三个。 Chrome会完全缓存较小的视频(可能在内存中),而对另一个则不同。由于它比缓冲区大,因此需要服务器支持Range请求(部分内容服务)。您提供视频内容的方式,不支持部分内容投放(Chrome会在“大型”视频的情况下支持),因此Chrome会拒绝处理/播放视频。

您应该使用支持范围请求的http.ServeFile()来提供文件(大于特定尺寸的视频需要)。请参阅相关问题: How to serve http partial content with Go?

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

展望未来,没有实际理由不使用http.ServeFile()。它不会像你那样将完整的文件加载到内存中,这对于大(视频)文件来说是一个非常糟糕的主意。 http.ServeFile()处理范围请求(如果这样做),并且还正确设置响应标头,包括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个请求(我故意过滤掉不重要/不相关的请求 - 响应标头):

请求#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()还包含响应标头Accept-Ranges: bytes,它允许客户在我们支持范围请求之前知道。

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

请求#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()表现良好,并且对Range请求(HTTP 206 Partial Content状态代码和Content-Range标头)做出正确响应,并发送请求的范围(在这种情况下为所有内容)。 / p>

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

答案 1 :(得分:3)

您的代码似乎对我很好。这是我在OS X上使用Chrome测试的完整工作示例。

main.go:

eventRender: function (event, element) {    
        element.find('.fc-content').parent().append('<span>'+event.name+'</span>');

}

的index.html:

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

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

答案 2 :(得分:0)

好吧,因为它不是实时流(因为源是mp4文件,因为大小和持续时间已知)我认为您的服务器应该尊重请求中的Range标头并使用正确的{ {1}},Content-LengthContent-Range值(否则将无法进行搜索,我猜您不希望这样)。这应该让Chrome开心。在请求中实现Accept-Range标头值的处理时要小心 - 如果它不是Range那么您必须实际寻找所请求的点并从那里返回数据。此外,我认为视频不应在0-设置为Transfer-Encoding的情况下传输。

答案 3 :(得分:0)

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