vhall-mini-sdk 0.1.0 → 0.1.1

package/dist/components/player/components/main/index.js

@@ -1,44 +0,0 @@
-import { VeComponent } from '../../common/veComponent';
-import { createData } from './extensions/data';
-import { props } from './extensions/props';
-import { createObservers } from './extensions/observers';
-import { createExport } from './extensions/export';
-import { createMethods } from './extensions/methods';
-import createLogger from '../../../../shared/logger';
-
-const logger = createLogger('playerComp_main');
-
-VeComponent({
-  behaviors: ['wx://component-export'],
-  properties: props,
-  data: createData(),
-  observers: createObservers(),
-  methods: createMethods(),
-  lifetimes: {
-    created() {
-      logger.debug('lifetimes created')
-      this.stallCount = 0;
-      this.stallTime = 0;
-    },
-    attached() {
-      logger.debug('lifetimes attached')
-      this.livePlayerContext = wx.createLivePlayerContext(this.data.id, this);
-      this.videoContext = wx.createVideoContext(this.data.id, this)
-      this.playerContext = this.data.type == 'live' ? this.livePlayerContext : this.videoContext;
-    },
-    detached() {
-      logger.debug('lifetimes detached')
-      this.livePlayerContext ? this.livePlayerContext.stop() : null
-      this.videoContext ? this.videoContext.stop() : null
-      this.livePlayerContext = null
-      this.videoContext = null
-      this.playerContext = null
-      this.setData({
-        src: ''
-      });
-    },
-  },
-  export() {
-    return createExport.apply(this);
-  },
-});

package/dist/components/player/components/main/index.json

@@ -1,4 +0,0 @@
-{
-  "component": true,
-  "usingComponents": {}
-}

package/dist/components/player/components/main/index.wxml

@@ -1,7 +0,0 @@
-<live-player wx:if="{{type=='live'}}" id='{{id}}' class='vhall-player' src='{{src}}' mode='{{mode}}' autoplay='{{true||autoplay}}' muted='{{muted}}' orientation='{{orientation}}' object-fit='{{livePlayerObjectFit}}' min-cache='{{minCache}}' max-cache='{{maxCache}}' sound-mode='{{soundMode}}' auto-pause-if-navigate='{{autoPauseIfNavigate}}' auto-pause-if-open-native='{{autoPauseIfOpenNative}}' picture-in-picture-mode='{{pictureInPictureMode}}' picture-in-picture-init-position='{{pictureInPictureInitPosition}}' enable-auto-rotation='{{enableAutoRotation}}' referrer-policy='{{referrerPolicy}}' enable-casting='{{enableCasting}}' enable-recv-message bindstatechange='onStateChange' bindfullscreenchange='onFullScreenChange' bindnetstatus='onNetStatus' bindaudiovolumenotify='onAudioVolumeNotify' bindenterpictureinpicture='onEnterPictureInPicture' bindleavepictureinpicture='onLeavePictureInPicture'>
-  <slot />
-</live-player>
-<video wx:elif="{{type=='vod'}}" id='{{id}}' class='vhall-player' src='{{src}}' duration='{{duration}}' controls='{{controls}}' danmu-list='{{danmuList}}' danmu-btn='{{danmuBtn}}' enable-danmu='{{enableDanmu}}' autoplay='{{true||autoplay}}' loop='{{loop}}' muted='{{muted}}' initial-time='{{initialSeekTime}}' page-gesture='{{pageGesture}}' direction='{{direction}}' show-progress='{{showProgress}}' show-fullscreen-btn='{{showFullscreenBtn}}' show-play-btn='{{showPlayBtn}}' show-center-play-btn='{{showCenterPlayBtn}}' enable-progress-gesture='{{enableProgressGesture}}' object-fit='{{videoObjectFit}}' poster='{{poster}}' show-mute-btn='{{showMuteBtn}}' title='{{title}}' play-btn-position='{{playBtnPosition}}' enable-play-gesture='{{enablePlayGesture}}' auto-pause-if-navigate='{{autoPauseIfNavigate}}' auto-pause-if-open-native='{{autoPauseIfOpenNative}}' vslide-gesture='{{vslideGesture}}' vslide-gesture-in-fullscreen='{{vslideGestureInFullscreen}}' show-bottom-progress='{{showBottomProgress}}' show-casting-button='{{showCastingButton}}' show-background-playback-button="{{true}}" picture-in-picture-mode='{{[]}}' picture-in-picture-init-position='{{pictureInPictureInitPosition}}' picture-in-picture-show-progress='{{pictureInPictureShowProgress}}' enable-auto-rotation='{{enableAutoRotation}}' show-screen-lock-button='{{showScreenLockButton}}' show-snapshot-button='{{showSnapshotButton}}' bindplay="onPlay" bindpause="onPause" bindended="onEnded" bindloadedmetadata="onLoadedMetadata" binderror="onError" bindtimeupdate="onTimeupdate" bindfullscreenchange="onFullScreenChange" bindwaiting="onWaiting" bindprogress="onProgress" bindcontrolstoggle="onControlsToggle" bindenterpictureinpicture="onEnterPictureInPicture" bindleavepictureinpicture="onLeavePictureInPicture" bindseekcomplete="onSeekComplete">
-  <slot />
-</video>
-

package/dist/components/player/components/main/index.wxss

@@ -1 +0,0 @@
-.vhall-player{display:block;height:100%;line-height:20px;width:100%}

package/dist/components/player/components/marquee/marquee.js

@@ -1,304 +0,0 @@
-// components/vhall-player-marquee/vhall-player-marquee.js
-Component({
-  properties: {
-    option: {
-      type: Object,
-      value: {},
-      observer: '_optionChanged'
-    }
-  },
-
-  data: {
-    marqueeItems: [],
-    timer: null,
-    activeItems: 0, // 当前活跃的跑马灯数量
-    positionMap: {
-      1: 'random',
-      2: 'top',
-      3: 'middle',
-      4: 'bottom'
-    },
-    speedMap: {
-      3000: 3,
-      6000: 6,
-      10000: 12
-    }
-  },
-
-  lifetimes: {
-    attached() {
-      console.debug('[Marquee] 组件已附加到页面');
-    },
-    detached() {
-      console.debug('[Marquee] 组件已从页面分离');
-      this._clearTimer();
-    }
-  },
-
-  methods: {
-    _optionChanged(newVal) {
-      console.debug('[Marquee] 配置变更:', newVal);
-      this._clearTimer();
-      
-      if (!newVal.enable) {
-        console.debug('[Marquee] 跑马灯已禁用');
-        this.setData({ marqueeItems: [] });
-        return;
-      }
-
-      const validatedConfig = this._validateConfig(newVal);
-      if (!validatedConfig.text) {
-        console.debug('[Marquee] 跑马灯文本为空，不创建');
-        return;
-      }
-
-      this._startMarquee(validatedConfig);
-    },
-
-    _validateConfig(config) {
-      const defaultConfig = {
-        displayType: 0,
-        alpha: 100,
-        color: '#ff8d41',
-        size: 16,
-        interval: 20,
-        speed: 6000,
-        position: 1
-      };
-
-      const result = Object.assign({}, defaultConfig, config);
-
-      if (result.displayType !== 0 && result.displayType !== 1) {
-        result.displayType = 0;
-      }
-
-      if (result.position < 1 || result.position > 4) {
-        result.position = 1;
-      }
-
-      if (![3000, 6000, 10000].includes(result.speed)) {
-        result.speed = 6000;
-      }
-
-      console.debug('[Marquee] 验证后的配置:', result);
-      return result;
-    },
-
-    _startMarquee(config) {
-      console.debug('[Marquee] 启动跑马灯，配置:', config);
-      
-      this._createMarqueeItem(config);
-      this._setTimer(config);
-    },
-
-    _createMarqueeItem(config) {
-      const query = this.createSelectorQuery();
-      query.select('.marquee-container').boundingClientRect(rect => {
-        if (!rect || rect.width === 0 || rect.height === 0) {
-          console.warn('[Marquee] 容器不可见或尺寸为0');
-          return;
-        }
-
-        const containerWidth = rect.width;
-        const containerHeight = rect.height;
-        const id = `marquee-${Date.now()}-${Math.floor(Math.random() * 1000)}`;
-        
-        // 增加活跃项目计数
-        this.setData({
-          activeItems: this.data.activeItems + 1
-        });
-
-        if (config.displayType === 0) {
-          this.setData({
-            marqueeItems: [...this.data.marqueeItems, {
-              id,
-              ...config,
-              positionStyle: this._getInitialPositionStyle(config, containerWidth, containerHeight)
-            }]
-          }, () => {
-            this._measureTextWidth(id, containerWidth, containerHeight, config);
-          });
-        } else {
-          const positionStyle = this._getFlashPositionStyle(config, containerWidth, containerHeight);
-  
-          this.setData({
-            marqueeItems: [...this.data.marqueeItems, {
-              id,
-              ...config,
-              positionStyle
-            }]
-          }, () => {
-            // 直接设置3秒后消失
-            setTimeout(() => {
-              this._removeMarqueeItem(id);
-            }, 3000);
-          });
-        }
-      }).exec();
-    },
-
-    _measureTextWidth(id, containerWidth, containerHeight, config) {
-      const query = this.createSelectorQuery();
-      query.select(`#${id}`).boundingClientRect(textRect => {
-        if (!textRect || textRect.width === 0) {
-          console.warn('[Marquee] 文本元素未找到或宽度为0');
-          this._removeMarqueeItem(id);
-          return;
-        }
-
-        const textWidth = textRect.width;
-        const textHeight = textRect.height;
-        const duration = this._calculateAnimationDuration(config.speed, textWidth, containerWidth);
-        
-        // 计算完全移出屏幕需要的距离（容器宽度 + 文本宽度）
-        const translateDistance = containerWidth + textWidth;
-        
-        // 更新跑马灯样式
-        this.setData({
-          marqueeItems: this.data.marqueeItems.map(item => {
-            if (item.id === id) {
-              return {
-                ...item,
-                positionStyle: `${this._getFinalPositionStyle(config, containerWidth, containerHeight, textWidth, textHeight)}; transform: translateX(-${translateDistance}px); transition: transform ${duration}s linear; opacity: ${config.alpha / 100};`
-              };
-            }
-            return item;
-          })
-        });
-
-        // 动画结束后移除元素
-        setTimeout(() => {
-          this._removeMarqueeItem(id);
-        }, duration * 1000);
-      }).exec();
-    },
-
-    /**
-     * 移除跑马灯项目
-     * @param {String} id 项目ID
-     */
-    _removeMarqueeItem(id) {
-      this.setData({
-        marqueeItems: this.data.marqueeItems.filter(item => item.id !== id),
-        activeItems: this.data.activeItems - 1
-      });
-    },
-
-    _calculateAnimationDuration(speed, textWidth, containerWidth) {
-      // 基础持续时间乘以文本长度比例（确保长文本移动时间合理）
-      return this.data.speedMap[speed] * (1 + (textWidth / containerWidth));
-    },
-
-    _getInitialPositionStyle(config, containerWidth, containerHeight) {
-      const textHeight = config.size * 1.2;
-      let styles = [];
-      
-      switch (config.position) {
-        case 1: // 随机位置
-          const maxTop = containerHeight * 0.8 - textHeight;
-          const randomTop = Math.max(0, Math.random() * maxTop);
-          styles.push(`top: ${randomTop}px`);
-          break;
-          
-        case 2: // 顶部
-          styles.push(`top: ${containerHeight * 0.2}px`);
-          break;
-          
-        case 3: // 中部
-          styles.push(`top: 50%`, `margin-top: -${textHeight/2}px`);
-          break;
-          
-        case 4: // 底部
-          styles.push(`bottom: ${containerHeight * 0.2}px`);
-          break;
-      }
-      
-      styles.push(`left: ${containerWidth}px`, `opacity: 0`);
-      
-      return styles.join('; ');
-    },
-
-    _getFinalPositionStyle(config, containerWidth, containerHeight, textWidth, textHeight) {
-      let styles = [];
-      
-      switch (config.position) {
-        case 1:
-        case 2:
-        case 4:
-          const initialStyle = this._getInitialPositionStyle(config, containerWidth, containerHeight);
-          return initialStyle.replace('opacity: 0', '').trim();
-          
-        case 3:
-          styles.push(`top: 50%`, `margin-top: -${textHeight/2}px`);
-          break;
-      }
-      
-      styles.push(`left: ${containerWidth}px`);
-      
-      return styles.join('; ');
-    },
-
-    _getFlashPositionStyle(config, containerWidth, containerHeight) {
-      const textHeight = config.size * 1.2;
-      let styles = [];
-      
-      // 计算可用区域（保留20%边距）
-      const availableWidth = containerWidth * 0.8;
-      const availableHeight = containerHeight * 0.8 - textHeight;
-    
-      switch (config.position) {
-        case 1: // 随机位置
-          styles.push(
-            `top: ${Math.max(0, Math.random() * availableHeight)}px`,
-            `left: ${Math.max(0, Math.random() * availableWidth)}px`
-          );
-          break;
-          
-        case 2: // 顶部随机
-          styles.push(
-            `top: ${containerHeight * 0.2}px`,
-            `left: ${containerWidth * 0.2 + Math.random() * (containerWidth * 0.6)}px`
-          );
-          break;
-          
-        case 3: // 中部随机
-          styles.push(
-            `top: 50%`,
-            `margin-top: -${textHeight/2}px`,
-            `left: ${containerWidth * 0.2 + Math.random() * (containerWidth * 0.6)}px`
-          );
-          break;
-          
-        case 4: // 底部随机
-          styles.push(
-            `bottom: ${containerHeight * 0.2}px`,
-            `left: ${containerWidth * 0.2 + Math.random() * (containerWidth * 0.6)}px`
-          );
-          break;
-      }
-      
-      // 仅保留基础样式（不再添加动画）
-      return styles.join('; ');
-    },
-
-    _setTimer(config) {
-      this._clearTimer();
-      
-      this.data.timer = setInterval(() => {
-        // 检查当前活跃的跑马灯数量，避免创建过多
-        if (this.data.activeItems < 5) { // 最多允许5个同时存在
-          // console.debug('[Marquee] 定时器触发，创建新跑马灯');
-          this._createMarqueeItem(config);
-        }
-      }, config.interval * 1000);
-    },
-
-    _clearTimer() {
-      if (this.data.timer) {
-        clearInterval(this.data.timer);
-        this.data.timer = null;
-        console.debug('[Marquee] 定时器已清除');
-      }
-    }
-  }
-});

package/dist/components/player/components/marquee/marquee.json

@@ -1,4 +0,0 @@
-{
-  "component": true,
-  "usingComponents": {}
-}

package/dist/components/player/components/marquee/marquee.wxml

@@ -1,14 +0,0 @@
-<!--components/vhall-player-marquee/vhall-player-marquee.wxml-->
-<!-- 跑马灯容器，绝对定位覆盖在播放器上方 -->
-<view class="marquee-container">
-  <!-- 每个跑马灯项目 -->
-  <view 
-    wx:for="{{marqueeItems}}" 
-    wx:key="id"
-    id="{{item.id}}"
-    class="marquee-item {{item.displayType === 0 ? 'scroll' : 'flash'}}"
-    style="opacity: {{item.alpha / 100}}; color: {{item.color}}; font-size: {{item.size}}px; {{item.positionStyle}}"
-  >
-    {{item.text}}
-  </view>
-</view>

package/dist/components/player/components/marquee/marquee.wxss

@@ -1 +0,0 @@
-.marquee-container{height:100%;left:0;overflow:hidden;top:0;width:100%;z-index:2}.marquee-container,.marquee-item{pointer-events:none!important;position:absolute}.marquee-item{line-height:1.2;-webkit-user-select:none;user-select:none;white-space:nowrap;will-change:transform}.marquee-item.scroll{transition:transform linear}

package/dist/components/player/components/online-hot/index.js

@@ -1,66 +0,0 @@
-import { VeComponent } from '../../common/veComponent';
-VeComponent({
-  properties: {
-    fullscreen: {
-      type: Boolean,
-      value: false,
-    },
-    // 是否显示人数
-    showPerson: {
-      type: Boolean,
-      value: false,
-    },
-    // 人数
-    personValue: {
-      type: [Number, String],
-      value: 1,
-    },
-    // 是否显示热度
-    showHot: {
-      type: Boolean,
-      value: false,
-    },
-    // 热度
-    hotValue: {
-      type: [Number, String],
-      value: 0,
-    },
-  },
-  data: {
-    fmtPersonValue: 1,
-    fmtHotValue: 1
-  },
-  observers: {
-    'personValue': function (newVal, oldVal) {
-      if (newVal >= 0) {
-        this.setData({
-          fmtPersonValue: this._formatHotNum(newVal)
-        })
-      }
-    },
-    'hotValue': function (newVal, oldVal) {
-      if (newVal >= 0) {
-        this.setData({
-          fmtHotValue: this._formatHotNum(newVal)
-        })
-      }
-    },
-  },
-
-  methods: {
-    // 格式化热度显示数据。wxs不支持Math所以直接用方法
-    _formatHotNum(value) {
-      value = parseInt(value);
-      let unit = '';
-      const k = 99999;
-      const sizes = ['', '万', '亿', '万亿'];
-      let i;
-      if (value > k) {
-        i = Math.floor(Math.log(value) / Math.log(k));
-        value = (value / Math.pow(k / 10, i)).toFixed(1);
-        unit = sizes[i];
-      }
-      return `${value}${unit}`;
-    }
-  }
-});

package/dist/components/player/components/online-hot/index.json

@@ -1,3 +0,0 @@
-{
-  "component": true
-}

package/dist/components/player/components/online-hot/index.wxml

@@ -1,15 +0,0 @@
-<view class="online-hot {{fullscreen?'is-fullscreen':''}}" wx:if="{{showPerson||showHot}}">
-  <!-- 在线人数 -->
-  <view class="online-hot__item" wx:if="{{showPerson}}">
-    <image class="image-person" src="./assets/line-user.png" />
-    <text class="text-count">{{ fmtPersonValue }}</text>
-  </view>
-  <!-- 分隔元素 -->
-  <view class="splitter" wx:if="{{showPerson && showHot}}"></view>
-  <!-- 热度 -->
-  <view class="online-hot__item" wx:if="{{showHot}}">
-    <image class="image-hot" src="./assets/line-hot.png" />
-    <text class="text-count">{{ fmtHotValue }}</text>
-  </view>
-</view>
-

package/dist/components/player/components/online-hot/index.wxss

@@ -1 +0,0 @@
-.online-hot{background:rgba(0,0,0,.5);border-radius:20px;flex-direction:row;height:24px;margin-left:10px;margin-top:12px;padding:0 12px}.online-hot,.online-hot__item{align-items:center;display:inline-flex}.online-hot__item{color:#fff}.online-hot__item .image-hot,.online-hot__item .image-person{display:inline-block;height:13px;object-fit:contain;width:13px}.online-hot__item .text-count{font-size:13px;line-height:1;margin-left:3px}.online-hot .splitter{width:12px}.online-hot.is-fullscreen{margin-left:90px;margin-top:18px}

package/dist/components/player/components/poster/poster.js

@@ -1,12 +0,0 @@
-import { VeComponent } from '../../common/veComponent';
-VeComponent({
-    properties: {
-        url: {
-            type: String,
-            value: undefined,
-        },
-    },
-    data: {
-        
-    },
-});

package/dist/components/player/components/poster/poster.json

@@ -1,3 +0,0 @@
-{
-  "component": true
-}

package/dist/components/player/components/poster/poster.wxml

@@ -1,5 +0,0 @@
-<image 
-  class='vhall-player-poster' 
-  mode='scaleToFill'
-  src='{{url}}'
-/>

package/dist/components/player/components/poster/poster.wxss

@@ -1 +0,0 @@
-.vhall-player-poster{height:100%;left:0;position:absolute;top:0;width:100%}

package/dist/components/player/components/watermark/watermark.js

@@ -1,52 +0,0 @@
-Component({
-  properties: {
-    option: {
-      type: Object,
-      value: {
-        url: '',
-        align: 'tr',
-        position: ['10px', '10px'],
-        size: ['100px', '50px'],
-        alpha: 100,
-      },
-      observer: function(newVal) {
-        this._generateStyles(newVal);
-      }
-    }
-  },
-
-  data: {
-    url: "",
-    containerStyle: ""
-  },
-
-  methods: {
-    _generateStyles(option) {
-      const { url, align, position, size, alpha } = option;
-      const [x, y] = position.map(v => v || '10px');
-      const [width, height] = size.map(v => v || '0');
-      const opacity = Math.min(1, Math.max(0, alpha / 100));
-      const positionStyle = this._getPositionStyle(align, x, y);
-      
-      this.setData({ 
-        url,
-        containerStyle: `opacity: ${opacity}; width: ${width}; height: ${height}; ${positionStyle}`
-      });
-    },
-    
-    _getPositionStyle(align, x, y) {
-      const styles = [];
-      const directions = (align || 'tr').toLowerCase();
-      if (directions.includes('t')) styles.push(`top: ${y}`, 'justify-content: flex-start');
-      if (directions.includes('b')) styles.push(`bottom: ${y}`, 'justify-content: flex-end');
-      if (directions.includes('l')) styles.push(`left: ${x}`, 'align-items: flex-start');
-      if (directions.includes('r')) styles.push(`right: ${x}`, 'align-items: flex-end');
-      
-      return styles.join(';');
-    },
-    
-    _imgOnError(err) {
-      console.error('Watermark load failed:', err);
-    }
-  }
-});

package/dist/components/player/components/watermark/watermark.json

@@ -1,4 +0,0 @@
-{
-  "component": true,
-  "usingComponents": {}
-}

package/dist/components/player/components/watermark/watermark.wxml

@@ -1,8 +0,0 @@
-<view class="vhall-player-watermark-container" style="{{containerStyle}}">
-  <image 
-    class="vhall-player-watermark"
-    src="{{url}}" 
-    mode="aspectFit"
-    binderror="_imgOnError"
-  />
-</view>

package/dist/components/player/components/watermark/watermark.wxss

@@ -1 +0,0 @@
-.vhall-player-watermark-container{display:flex;flex-direction:column;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;z-index:2}.vhall-player-watermark{height:100%;object-fit:contain;width:100%}

package/dist/components/player/extensions/data.js

@@ -1,63 +0,0 @@
-import { generateShortId } from '../../../shared/utils';
-import { prefix } from '../common/config';
-const name = `${prefix}-live-player`;
-
-export function createData() {
-  return {
-    liveInfo: {},
-    id: `player-core-${generateShortId()}`,
-    componetVersion: '1.0.0',
-    prefix,
-    showAudioCover: false,
-    showPoster: false,
-    posterUrl: '',
-    showLoading: false,
-    showError: false,
-    showWatermark: false,
-    showMarquee: false,
-    showDanmaku: false,
-    showBarrage: false,
-
-    // 是否显示在线人数
-    showPerson: false,
-    personValue: 0, // 在线人数值
-    // 是否显示热度
-    showHot: false,
-    hotValue: 0, // 热度值
-
-    innerStyle: '',
-    _style: '',
-    controlsHiddenFlag: false,
-
-    videoSrc: '',
-    qualitys: [],
-    currentQuality: '',
-    qualityArray: [],
-    qualityIndex: 0,
-    subtitles: [],
-    currentSubtitle: '',
-
-    playStatus: 'paused',
-    pausedFlag: false,
-    fullscreenFlag: false,
-    mutedFlag: false,
-    currentPlaybackRate: 1,
-    currentVodPlayTime: 0,
-    vodDuration: 0,
-
-    webinarInfo: {},
-    webinarType: undefined,
-    webinarTypeStr: undefined,
-    webinarSubject: undefined,
-    webinarStatusMap: {
-      1: '直播中',
-      2: '预约',
-      3: '结束',
-      4: '点播',
-      5: '回放',
-    },
-    recordWatchExpireObj: {},
-
-
-  };
-}