Question

我正在尝试了解flowplayer API，老实说，我真的需要一些示例才能获得这些东西。我知道你们中的一些忍者很容易知道你们在做什么。

我正在为某人制作视频培训页面。它使用PHP（kirbycms）框架来生成页面。我理解如何删除我的变量和所有这些东西。我有视频工作。如果我可以有触发事物的提示点和寻找特定时间码的按钮，那将是非常有益的。如果我可以使用PHP为这些链接定义字符串，那将是最好的。

我正在寻找有关如何使用seek(time, [callback])

的示例

我也在寻找

的例子

$(".player").bind("cuepoint", function(e, api, cuepoint) {
   // here we use custom properties left, top and html
   $("#info").html(cuepoint.html).animate({
      left: cuepoint.left,
      top: cuepoint.top
   });
});

更新

包含bootply，这对我来说仍然不起作用。是因为我的控件在flowplayer窗口之外吗？

http://bootply.com/86532

Answer 1

seek函数（如文档所述：CLICK）用于在时间轴上跳转到给定时间：

seek(time, [callback])

它需要两个参数：以秒为单位的时间和一个回调函数 - 在时间轴上跳转到该时间后执行的函数。假设您正在使用jQuery，如果单击按钮然后提醒某些消息（只是一个简单的示例），您可以编写类似这样的内容以跳转到电影的15.5s：

flowplayer(function (api, root) {

  $("#someButton").on('click' function(e){
    e.preventDefault();
    api.seek(15.5, function(){
      alert("you've jumped to 15.5s of the movie!");
    });
  });
});

Answer 2

Flowplayer没有做你想要的事情。实际上，<Site name="Web" physicalDirectory="../SoundVast">几乎相反 - 它会触发视频跳转到该时间点（并且可选地在完成时回调）。

如果您想在视频到达这些时间点时设置提示点并拥有视频触发器代码，请查看<?xml version="1.0" encoding="utf-8"?> <ServiceDefinition name="SoundVast.Azure" xmlns="http://schemas.microsoft.com/ServiceHosting/2008/10/ServiceDefinition" schemaVersion="2015-04.2.6"> <WebRole name="WebRole1" vmsize="Small"> <Sites> <Site name="Web" physicalDirectory="../SoundVast"> <Bindings> <Binding name="Endpoint1" endpointName="Endpoint1" /> </Bindings> </Site> </Sites> <ConfigurationSettings> <Setting name="Microsoft.WindowsAzure.Plugins.Diagnostics.ConnectionString" /> </ConfigurationSettings> <Endpoints> <InputEndpoint name="Endpoint1" protocol="http" port="80" /> </Endpoints> </WebRole> </ServiceDefinition>，请参阅docs。

您可能还想查看popcornjs。

关于如何在Flowplayer中使用seek（time，[callback]）的示例

更新

2 个答案: