fix:将webview拉伸为全屏、整理代码

2024-12-13 14:30:07 +08:00 · 2024-12-13 14:30:07 +08:00 · aad509e7b9
commit aad509e7b9
parent 23b8257779
2 changed files with 14 additions and 4 deletions
--- a/assets/html/h264.html
+++ b/assets/html/h264.html
@ -10,15 +10,26 @@
    html{
        margin:0 0;
        padding: 0 0;
+        overflow: hidden; /* 防止滚动条出现 */
    }
    body{
        margin:0 0;
        padding: 0 0;
+        background-color: antiquewhite;
+        overflow: hidden; /* 防止滚动条出现 */
+    }
+    #player {
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100vw;
+      height: 100vh;
+      object-fit: fill; /* 强制拉伸视频以填充整个视口 */
    }
-
 </style>
 <body>
-<video  autoplay muted style="width: 100vw;height: 100vh;" poster="images/loader-thumb.jpg" id="player">
+<video autoplay muted poster="images/loader-thumb.jpg"
+       id="player">
 </video>
 <script>
    (function (global, factory) {
@ -2656,7 +2667,7 @@
                node: 'player',
                mode: 'video',
                flushingTime: 1000,
-                fps: 22,
+                fps:22,
                debug: true,
            });
            console.log("JMuxer initialized.");
--- a/pubspec.yaml
+++ b/pubspec.yaml
@ -299,7 +299,6 @@ flutter:
    - images/lockType/
    - assets/
    - assets/html/h264.html
-    - assets/demo.h264
    - assets/talk.h264
    - lan/
  # An image asset can refer to one or more resolution-specific "variants", see