我使用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服务器打开网站...则无法加载,因此无法播放。
没有加载视频,如果我尝试直接点击它,浏览器只显示一些视频控制而不加载文件:
有关于此的任何想法吗?提前谢谢。
更新:
正如所建议的那样,我还尝试了另一个完美无缺的视频!但我不知道为什么,我比较了两个视频:
可能是大小??
干杯谢谢!
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()正在工作而另一种方法虽然两种方法的响应完全相同。然而,内容现在看起来像这样:
干杯并感谢所有帮助过我的人。
答案 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个请求(我故意过滤掉不重要/不相关的请求 - 响应标头):
GET / HTTP/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
响应头也是未发送 - 您的示例代码不发送它):
GET / HTTP/1.1
Referer: http://localhost:8080/
Range: bytes=0-
Chrome会触发一个Range请求(询问第一个字节中的所有内容),因此如果您的Go应用不支持此功能,那么您就遇到了麻烦。见反应#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-Length
和Content-Range
值(否则将无法进行搜索,我猜您不希望这样)。这应该让Chrome开心。在请求中实现Accept-Range
标头值的处理时要小心 - 如果它不是Range
那么您必须实际寻找所请求的点并从那里返回数据。此外,我认为视频不应在0-
设置为Transfer-Encoding
的情况下传输。
答案 3 :(得分:0)
这是一个支持所有文件类型的示例。 contentType:= http.DetectContentType(buffer) https://play.golang.org/p/XuVgmsCHUZB