首页 > 解决方案 > 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>

标签: jquerylaravellaravel-5video.js

解决方案


推荐阅读