在播放框架中渲染视频
Posted
技术标签:
【中文标题】在播放框架中渲染视频【英文标题】：Rendering video in play framework 【发布时间】：2016-01-19 12:26:41 【问题描述】：我正在为 scala 使用 play framework 2.4.6。我的问题是我的应用程序的视频可以通过 chrome 打开/播放/下载。桌面上的 Safari 下载它。但 iphone/ipad 上的 safari 浏览器无法播放。我希望我的网络应用程序以 iphone/ipad 上的 safari 浏览器的方式呈现视频。
注意： 我为苹果设备正确转换了视频，甚至更多：当我将视频链接嵌入到 html 文件并使用 Apache 服务器将其复制到 xampps htdocs 文件夹时，iPhone 上的 safari 可以毫无问题地播放它。 这是我的路线文件内容：
GET / controllers.Application.index
GET /videos/:name controllers.Videos.stream(name:String)
GET /assets/*file controllers.Assets.versioned(path="/public", file: Asset)
Videos.scala 控制器：
class Videos extends Controller
def stream (name:String)= Action
//video files stored locally in 'videos' folder in order to use it on production mode also
val file = new java.io.File(Play.application().path()+"/videos/"+name)
import ExecutionContext.Implicits.global
val fileContent: Enumerator[Array[Byte]] = Enumerator.fromFile(file)
Result(
ResponseHeader(200, Map(
CONTENT_LENGTH -> file.length.toString,
CONTENT_RANGE -> s"bytes */$file.length.toString",
ACCEPT_RANGES -> "bytes",
CONTENT_TYPE -> "video/mp4",
PRAGMA -> "public",
CONTENT_TRANSFER_ENCODING -> "binary",
CONTENT_DISPOSITION -> "attachment"
)),
body = fileContent
)
我的索引测试页：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>myvideo</title>
</head>
<body>
<video controls="true"
poster="@routes.Assets.versioned("images/myvideo.jpg")" style="width:auto;" title="myvideo">
<source src="@routes.Videos.stream("myvideo.mp4")" type="video/mp4"/>
<source src="@routes.Videos.stream("myvideo.m4v")" type="video/mp4"/>
<source src="@routes.Videos.stream("myvideo.3gp")" type="video/3gp"/>
<source src="@routes.Videos.stream("myvideo.mov")" type="video/mov"/>
</video>
</body>
</html>
即使我在 safari 浏览器地址栏中写“http://mypcipaddress:9000/videos/myvideo.mp4”。它表明播放器无法播放视频： smartphone screenshot
请任何人帮助我。
【问题讨论】：
iPhone 上的 Safari 无法播放我的视频，这就是问题 您确定视频是 mp4 文件而不是 ogg/webm 文件。我知道 Safari 在解码这些视频格式时可能会遇到问题。 我解决了这个问题，方法是在我的控制器中以编程方式复制 VPS 上 Apache 的公共文件夹的视频，然后在我的视图中添加指向该视频的链接，这样视频不是由 Play 呈现，而是由 Apache 本身呈现 【参考方案1】：对我来说，Play Framework 的 range request support 解决了这个问题 (2.5.x)。这是由于 Iphone 和 Ipad 需要某些部件，因此需要范围。
资产控制器自动支持部分 RFC 7233 定义范围请求和部分响应的工作方式。资产 如果范围可满足，控制器将交付 206 Partial Content 请求中存在标头。它还将返回一个 Accept-Ranges：所有资产交付的字节数。
这样做，下面的代码：
def video(videoId: Long) = Action implicit request =>
val videoFile = getVideoFile(videoId)
RangeResult.ofFile(videoFile, request.headers.get(RANGE), Some("video/mp4"))
.. 还将设置接受范围和结果（206 和 200），允许 Safari 检索文件。
【讨论】：
以上是关于在播放框架中渲染视频的主要内容，如果未能解决你的问题，请参考以下文章