Question

我正在使用HTML5视频元素。

我正在使用JavaScript处理视频元素并检查他们是否观看了整个视频。

但我的问题是，一旦视频完成“onended”，我需要触发一个c＃函数，它将更新我的数据库，他们观看了视频。

我花了很多时间试图弄清楚如何从JavaScript调用c＃函数，我正在进行测试并放弃。

是否可以从服务器端侦听客户端事件？这样我就可以收听“onended”，一旦事件被解雇，我可以用它来更新数据库。或者有没有办法为视频元素创建服务器端事件？

Answer 1

是否可以从服务器端侦听客户端事件？

是。通过使用客户端（JavaScript）事件来调用服务器端事件。

以jQuery和ASP.NET Web API为例，它将如下所示：

// Server-Side
public void VideoWatcherController : ApiController
{
    [HttpPost]
    public void RegisterWatchedVideo([FromBody]string id)
    {
        // do server side actions here.
    }
}

// Client Side
$('#yourVideoElement').on('ended', function() {
    $.post('http://yourwebsitename.com/api/VideoWatcher', userId);
});

但很少有警告。从其他域访问Web API时要小心CORS。并注意IE对视频标签的限制。

附加说明，了解使用http://yourwebsitename.com/api/VideoWatcher的原因：

ASP.NET Web API的默认路由是api/{controller}/{id}（其中id是可选的）。请注意，那里没有{action}。

问题： 路径现在如何使用控制器中的哪个操作/方法？

答案在于使用的HTTP动词。因此，由于我们在这里使用POST，因此路由会查找具有[HttpPost]属性的action /方法。更多信息here。

如何在服务器端侦听客户端事件

1 个答案: