jquery - laravel:如何检查用户在 video.js 中播放了多少次视频。因为我必须限制用户只能观看 2 次视频
问题描述
我正在向学生流式传输视频,但我使用的是昂贵的基于媒体的服务器。并为我每次播放视频时收费。所以我想限制我的用户只能观看任何视频。但我怎么知道这个视频是否完全播放。我怎么算他们到你已经达到了你的极限。
<div class="videoContainer" >
<!-- <center> -->
<video id=example-video data-setup='{"liveui": <?= $live ?>}' class="video-js vjs-default-skin vjs-liveui vjs-big-play-centered" controls preload="true" poster='{{$content_poster_image_path}}'></video>
<link href="https://vjs.zencdn.net/7.6.6/video-js.css" rel="stylesheet" />
<link href="{{themes('node_modules/videojs-seek-buttons/dist/videojs-seek-buttons.css')}}" rel="stylesheet" />
<!-- <script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.15.0/videojs-contrib-hls.min.js"></script>
<script src="{{themes('node_modules/videojs-watermark/dist/videojs-watermark.js')}}"></script>
<script src="{{themes('node_modules/@filmgardi/videojs-controls-badge/dist/videojs-controls-badge.js')}}"></script>
<script src="{{themes('node_modules/videojs-seek-buttons/dist/videojs-seek-buttons.min.js')}}"></script>
<script src="{{themes('node_modules/videojs-ppslides/dist/videojs-ppslides.min.js')}}"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/videojs-overlay/1.1.4/videojs-overlay.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/videojs-overlay/1.1.4/videojs-overlay.css">
<script>
var URL = this.window.URL || this.window.webkitURL;
var file = new Blob(['{{$video_url}}'],
{"type" : "video\/mp4"});
var value = URL.createObjectURL(file);
// const badgeConf = {
// volume: true,
// subtitle: true,
// quality: true
// };
var player = videojs('example-video',{
liveui: '{{$live}}',
responsive:'true',
autoplay: 'true',
sources: [{
src: '{{$video_url}}',
type: '{{$video_type}}'
}
]
});
player.watermark({
image: "{{IMAGE_PATH_SETTINGS.'uFgmieoLC2pR437.png'}}",
url: 'http://alphaxyz.com',
width:100,
xpos: 0,
ypos: 0,
xrepeat: 0,
opacity: 1
});
player.ppslides();
player.seekButtons({
forward: 30,
back: 10
});
// player.controlsBadge(badgeConf);
player.play();
/* ADD Chat button */
</script>
解决方案
推荐阅读
- c# - 如何在 C# 类对象中序列化这种类型的 json 字符串?
- r - 带有误差线的线图,其中每条线是一个不同的组,多个变量位于 x 轴上
- c# - 使用 Dapper、Azure SQL 和 .NET Core 3.1 的 Azure Web 应用程序的性能问题
- javascript - 如何从具有多个页面的单个 URL 的网站的特定页面中抓取信息?
- python - pandas DataFrame 将代码或标签转换为分类
- openmaptiles - 从网站下载付费 OpenMapTiles 时出现 403 禁止错误
- c# - 拆分字符串在返回数组的末尾返回一个额外的字符串
- mobile - 将 Invision 原型嵌入到 Squarespace - 故障排除
- redux - 从 babel6 切换到 babel7 的问题:属性名称预期为字符串类型,但在 Array.forEach () 处为空
- python - 跨行执行聚合函数(例如,平均值)会产生 NaN