javascript - Flowplayer 设置来自 Amazon S3 的 .flv 视频的开始时间

标签 javascript jquery amazon-web-services amazon-s3 flowplayer

到目前为止我所拥有的:

当我打开 jquery 对话框时,该对话框中的 Flowplayer 开始自动播放并自动缓冲来自 s3 的 url。

我需要什么:

我有一个时间变量(假设 300 秒)。当我打开该对话框时,我希望视频从 300 秒开始(自动播放和自动缓冲打开)。我想以任何方式做到这一点,即在 html 中(如果 flowplayer 支持)或在 javascript 中。方式并不重要。你知道我怎样才能实现它吗?

当我使用如下脚本代码时:

clip: { 
    onStart: function () {
        this.seek(300);
    }
}

它只能搜索到该点缓冲时间的末尾,即最多 20 秒左右,这当然是自然的。

有什么办法可以做到这一点吗?

谢谢。

最佳答案

我找到了答案。

由于 flowplayer 内部不支持 psuedostreaming,我们需要使用 CloudFront,它使我们能够流式传输视频。 aws 文档中有一个关于此的很好的教程,但我几乎找不到它,所以我提供了下面的链接。

http://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/TutorialStreamingFlowplayer.html

通常,您需要做的是创建一个 rtmp 服务器和一个 Web 服务器,并通过该 rtmp 服务器托管您的视频。 通过这种方式,即使尚未流式传输,您也可以跳转到任何您想要的时间,并随时开始播放视频。在 Flowplayer 中,您可以使用搜索功能来执行此操作,即:

clip: { 
    onStart: function () {
        this.seek(300);
    }
}

在左侧面板中,您可以找到 FlowPlayer、JW Player、Adobe Flash Player 等的相同教程。

我希望它能帮助别人解决我的问题。

关于javascript - Flowplayer 设置来自 Amazon S3 的 .flv 视频的开始时间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22174112/

相关文章:

javascript - React 路由器仅在按下后退按钮时起作用

javascript - 如何使用 JQuery 提取嵌套 HTML 中的文本?

javascript - 如果没有结果则反抗

amazon-web-services - 由 CloudFormation 模板创建时 EC2 实例状态检查失败

amazon-web-services - 如何将 IAM 角色与 AWS Java 开发工具包一起使用

javascript - 自动更改 2 个相关输入字段?

javascript - canvas.toDataUrl 返回空, Canvas 大小不为零

jQuery 滚动到 anchor (减去设置的像素量)

jQuery - 在继续之前执行函数

amazon-web-services - AWS EMR 使用 KMS 加密 S3 存储桶