视频预览支持弹幕

application/index/view/share/share_single.html

@@ -27,9 +27,7 @@
         </div>
     </div>
 </div>
-
 <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
-
     <!-- Background of PhotoSwipe.
     It's a separate element, as animating opacity is faster than rgba(). -->
     <div class="pswp__bg"></div>
@@ -47,7 +45,6 @@
             <div class="pswp__top-bar">
                 <!--  Controls are self-explanatory. Order can be changed. -->
                 <div class="pswp__counter"></div>
-
                 <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
                 <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
                 <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
@@ -74,7 +71,6 @@
         </div>
     </div>
 </div>
-
 <nav class="navbar navbar-inverse" >
     <div class="container-fluid">
         <div class="container" >
@@ -101,7 +97,6 @@
                                             {$fileData.orign_name|htmlspecialchars=ENT_NOQUOTES}&nbsp;&nbsp;
                                         </div>
                                         <div class="file_info"><span id="size"></span>&nbsp;&nbsp;<span><i class="fa fa-cloud-download" aria-hidden="true"></i> <span id="down_num"></span></span>&nbsp;&nbsp;<span><i class="fa fa-eye" aria-hidden="true"></i> <span id="view_num"></span></span></div>
-
                                     </div>
                                 </div>
                             </div>
@@ -147,7 +142,6 @@
             allowPreview:{$allowPreview},
             {/eq}
         };
-
         </script>
         <script src="/static/js/share_single.js"> </script>
         {$options.js_code}

static/js/share_single.js

@@ -80,6 +80,10 @@
                 video: {
                     url: url
                 },
+                danmaku: {
+                       id: 'Cloudreve_'+shareInfo.shareId,
+                       api: 'https://api.prprpr.me/dplayer/'
+                }
             });
             dp.on("fullscreen", function(){
                 $(".modal-backdrop").hide();
@@ -133,9 +137,9 @@
                 $(".file-sign").html('<i class="fa fa-file-movie-o" aria-hidden="true"></i>')
                 $("#previewButton").click(function() {
                     if (shareInfo.allowPreview) {
-                        $(".previewContent").html('<div id="preview-target" style="width: 100%;object-fit: fill" class="preview"></div>');
+                        $(".previewContent").html('<div id="preview-target" style="width: 100%;object-fit: fill;height:400px" class="preview"></div>');
-                        $('#previewModal').modal();
                         loadDPlayer('/Share/Preview/' + shareInfo.shareId);
+                        $('#previewModal').modal();
                     } else {
                         toastr["error"]("请先登录")
                     }