From 0a7ab15d299fa1cd4f4164d35e9aa937ffbeb1b9 Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Tue, 18 Feb 2025 09:47:30 +0800
Subject: [PATCH] =?UTF-8?q?refactor(liveRoom):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E7=9B=B4=E6=92=AD=E5=AE=A4=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除静音提示按钮
- 添加诊断按钮配置
- 设置播放器容器大小
- 添加播放器 license配置
- 优化播放器初始化和播放逻辑
- 移除直播加载文本
---
 app/components/liveLoading/index.vue |  1 -
 app/pages/liveRoom/index.client.vue  | 42 ++++++++--------------------
 2 files changed, 11 insertions(+), 32 deletions(-)

diff --git a/app/components/liveLoading/index.vue b/app/components/liveLoading/index.vue
index 6381dac..dcc30e2 100644
--- a/app/components/liveLoading/index.vue
+++ b/app/components/liveLoading/index.vue
@@ -7,7 +7,6 @@
         <div></div>
       </div>
     </div>
-    <div class="loading-text">直播加载中...</div>
   </div>
 </template>
 
diff --git a/app/pages/liveRoom/index.client.vue b/app/pages/liveRoom/index.client.vue
index d57ff6e..6cccad8 100644
--- a/app/pages/liveRoom/index.client.vue
+++ b/app/pages/liveRoom/index.client.vue
@@ -47,11 +47,18 @@ const initializePlayer = async () => {
       preload: true,
       autoplay: true,  // 改为 true
       muted: true,     // 默认静音
+      diagnosisButtonVisible:false,
       autoplayPolicy: {
         fallbackToMute: true
       },
+      width: '100%', //容器的大小
+      height: '100%', //容器的大小
       skinLayout: false,
       controlBarVisibility: 'never',
+      license: {
+        domain: "szjixun.cn",
+        key: "OProxmWaOZ2XVHXLtf4030126521c43429403194970aa8af9"
+      }
     }
 
     player.value = new AliyunPlayer(playerConfig, (playerInstance) => {
@@ -59,6 +66,7 @@ const initializePlayer = async () => {
       if (isWechat) {
         console.log('当前是微信浏览器环境')
         const startPlay = () => {
+          console.log('执行了startPlay')
           playerInstance?.play()
           document.removeEventListener('WeixinJSBridgeReady', startPlay)
           document.removeEventListener('touchstart', startPlay)
@@ -67,18 +75,13 @@ const initializePlayer = async () => {
         document.addEventListener('WeixinJSBridgeReady', startPlay)
         document.addEventListener('touchstart', startPlay)
       }
-
+      loading1.value = true
       playerInstance?.play()
     })
-
-    player.value.on('init', () => {
-      console.log('init')
-      loading1.value = true
-    })
-    
     player.value.on('playing', () => {
       console.log('playing')
       loading1.value = false
+
     })
 
     player.value.on('error', handlePlayerError)
@@ -170,17 +173,6 @@ const tipOpen = () => {
     <div :id="playerId" class="w-full h-full"></div>
     <liveLoading :loading="loading1"></liveLoading>
 
-    <!-- 添加静音提示按钮 -->
-    <div v-if="player?.muted" 
-         class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 
-                bg-black/70 px-4 py-2 rounded-full cursor-pointer z-[1001]"
-         @click="unmutePlayer">
-      <div class="flex items-center gap-2 text-white">
-        <div class="i-carbon-volume-mute text-20px"></div>
-        <span class="text-14px">{{ t('live_room.tap_unmute') }}</span>
-      </div>
-    </div>
-
     <transition name="fade">
       <div v-if="fullLive">
         <sideButton class="absolute top-196px right-0 z-999"></sideButton>
@@ -225,20 +217,8 @@ const tipOpen = () => {
   </div>
 </template>
 
-<style lang="scss">
-#J_prismPlayer {
-  width: 100%;
-  height: 100% !important;
-
-  & > video {
-    width: 100%;
-    height: 100%;
-  }
-}
-</style>
-
-<style scoped>
 
+<style scoped lang="scss">
 /* 定义过渡动画 */
 .fade-enter-active {
   transition: opacity 1s ease;