更新样式

src/views/courseware-play/component/instrument-info/index.module.less

@@ -315,6 +315,33 @@
         min-height: 50px;
         background-color: #CBCBCB;
       }
+
+
+      // :global {
+      //   video::-webkit-media-controls-panel {
+      //     width: calc(100% - 2em);
+      //     /* 调整控件宽度以避免边界问题 */
+      //   }
+
+      //   video::-webkit-media-controls-play-button {
+      //     position: absolute;
+      //     top: 50%;
+      //     left: 50%;
+      //     transform: translate(-50%, -50%);
+      //     /* 使播放按钮居中 */
+      //   }
+
+      //   /* 隐藏默认播放控件 */
+      //   video::-webkit-media-controls {
+      //     display: none;
+      //   }
+      // }
     }
   }
-}
+}
+
+// :global {
+//   .media-controls.inline.ios:not(.audio):is(:empty, .shows-start-button, .faded) {
+//     width: 100% !important;
+//   }
+// }

src/views/courseware-play/component/listen-item/index.tsx

@@ -79,9 +79,9 @@ export default defineComponent({
     // const src = `${location.origin}/classroom-app/#/tempo-practice?dataJson=${props.dataJson}&Authorization=${Authorization}&modeType=courseware`;
     let src = `${vaildMusicScoreUrl()}/instrument/#/view-figner?Authorization=${Authorization}&code=${
       props.item.content
-    }&type=listenMode&linkSource=class`;
+    }&type=listenMode&linkSource=class&isPreView=true`;
     if (/(localhost|192)/.test(location.host)) {
-      src = `http://localhost:3000/instrument.html#/view-figner?Authorization=${Authorization}&code=${props.item.content}&type=listenMode&linkSource=class`;
+      src = `https://test.kt.colexiu.com/instrument/#/view-figner?Authorization=${Authorization}&code=${props.item.content}&type=listenMode&linkSource=class&isPreView=true`;
     }
 
     return () => (