html5 mp4 服务器,[html5]在服务器端怎么支持 video 这个标签

8种机械键盘轴体对比

本人程序员，要买一个写代码的键盘，请问红轴和茶轴怎么选？

[html5]在服务器端怎么支持 video 这个标签

今天遇到的是，如果网页中有个 video 标签，服务器该怎么办？一般人也许不会想到这个问题，而我却遇到了。原因是我自己有写一个小小 http server 的程序，只是为了要接收几个按钮，查询并执行 ffmpeg 程序帮忙转档。小事情就自己动手了。所以，这种事情当然就要自己来处理啰。

从来自 chrome 的 request 之 headers 里，有看到一个 range: 0- 这个，经过查询(我当然还是查给人看的，而不是给超人看的文章)，这个是通知服务器说，从文件的位置 0 开始给，结束位置随便。感觉很随便？其实是为了弹性。如此，服务器该怎么响应呢？

在 response 里，要回复的有Accept-Ranges: bytes

Content-Range: xxx-ooo/sss

第一个是告诉浏览器说，我接受，而且是用 byte 当计算。 (有人说的，官方文档我真的看不懂，太像是给编译器看的。) 而第二个就是告诉浏览器，从位置 xxx 开始(位置是从 0 开始算)，到第 ooo 结束。整个文件的大小是 sss。

举例来说，一个 256 bytes 的小文件，一次全部传送完，Content-Range，就是 0-255/256。如果像大影片档，就最好是一点一点的传送，而就没办法一次全传送了。

另外一个重点是响应码，不是 200，而是 206 (参考)，这样浏览器才会再送一次 request 来要求其他的部分。像我提供 mp4 文件的话，浏览器很聪明的先要了前面的部分之后，接下来要求最后的部分，据说是要影片的描述。有支持这种 partial content 的服务器，大文件传送时应该很好用。

除了支持 range 之外，只要把 Content-Type 换成 video/mp4，chrome 就可以看影片。可以拉着时间轴跳到任意时间观看。

程序的部分长这样(我是用 python 写)：

self.send_response( 206 )

self.send_header( "Accept-Ranges", 'bytes' )

self.send_header( "Content-Type", 'video/mp4' )

self.send_header( "Content-Range", 'bytes %s-%s/%s' % (offset, end, size) )

self.log_message( 'bytes %s-%s/%s' % (offset, end, size))

self.end_headers()

f = open(src,'rb')

f.seek(offset, os.SEEK_SET )

self.wfile.write( f.read(block) )

f.close()

self.wfile.close()

分享