vhall-mini-sdk 0.1.0 → 0.1.2

package/dist/components/player/components/controls/controls.js

@@ -1,93 +0,0 @@
-Component({
-  // relations: {
-  //   '../../vhall-player/vhall-player': { // 父组件的相对路径
-  //     type: 'parent', // 关系类型为父组件
-  //     linked(target) {
-  //       // target 就是父组件实例，保存到子组件的this.parent中
-  //       this.parent = target;
-  //     },
-  //     unlinked() {
-  //       // 当子组件被移除时触发
-  //       this.parent = null;
-  //     }
-  //   }
-  // },
-
-  /**
-   * 组件的属性列表
-   */
-  properties: {
-    verticalMode: {
-      type: Boolean,
-      value: false,
-    },
-    playStatus: String,
-    paused: Boolean,
-    muted: Boolean,
-    fullscreen: Boolean,
-    qualitys: Array,
-    currentQuality: String,
-    qualityAlias: Object,
-    hiddenFlag: Boolean,
-  },
-  /**
-   * 数据监听器
-   */
-  observers: {
-    'qualitys, currentQuality': function(qualitys, currentQuality) {
-      const qualityArray = qualitys.map((item, index) => ({
-        id: index,
-        name: item,
-        alias: this.properties.qualityAlias[item] || '其他'
-      }));
-      const qualityIndex = qualitys.indexOf(currentQuality)
-      this.setData({
-        qualityArray,
-        qualityIndex
-      })
-    },
-  },
-
-  /**
-   * 组件的初始数据
-   */
-  data: {
-    qualityArray: Array,
-    qualityIndex: Number,
-  },
-  /**
-   * 生命周期
-   */
-  lifetimes: {
-    created() {
-    },
-    attached() {
-    },
-    detached() {
-    },
-  },
-  /**
-   * 组件的方法列表
-   */
-  methods: {
-    handlePlayPause() {
-      this.triggerEvent('controlsPlayPause');
-    },
-    handleRefresh() {
-      this.triggerEvent('controlsReplay');
-    },
-    handleMute() {
-      this.triggerEvent('controlsMute');
-    },
-    handleFullscreen() {
-      this.triggerEvent('controlsFullScreen');
-    },
-    handleQualityPickerChange(e) {
-      this.setData({
-        qualityIndex: e.detail.value
-      })
-      const quality = this.data.qualityArray[e.detail.value]['name']
-      this.triggerEvent('controlsSetQuality', quality);
-    }
-  }
-})

package/dist/components/player/components/controls/controls.json

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

package/dist/components/player/components/controls/controls.wxml

@@ -1,60 +0,0 @@
-<view wx:if='{{!verticalMode && fullscreen}}' class='back' hidden="{{hiddenFlag}}">
-  <!-- <mp-icon
-    wx:if='{{fullscreen}}'
-    icon='back'
-    color='#fff'
-    size='{{12}}'
-    bind:tap='handleFullscreen'
-  ></mp-icon> -->
-  <image class="back-image" mode="aspectFit" src="../../assets/image/arrow-left.png" bind:tap='handleFullscreen' />
-</view>
-<view wx:if="{{playStatus=='paused'}}" class='center'>
-  <!-- <mp-icon icon='play' color='#fff' size='{{60}}' bind:tap='handlePlayPause'></mp-icon> -->
-  <image class="center-image" mode="aspectFit" src="../../assets/image/play.png" bind:tap='handlePlayPause' />
-</view>
-<view class="control {{fullscreen?'fullscreen':''}}" wx:if='{{!verticalMode}}' hidden="{{hiddenFlag}}">
-  <view class="control-left">
-    <!-- <mp-icon
-        icon="{{playStatus=='playing'?'pause':'play'}}"
-        color='#fff'
-        size='{{20}}'
-        bind:tap='handlePlayPause'
-      ></mp-icon> -->
-    <!-- 播放/暂停按钮 -->
-    <image class="play-pause-btn" mode="aspectFit" src="{{playStatus=='paused' ? '../../assets/image/play.png' : '../../assets/image/pause.png'}}" bind:tap='handlePlayPause' />
-    <!-- <mp-icon
-          style='margin-left: 8px'
-          icon='refresh'
-          color='#fff'
-          size='{{18}}'
-          bind:tap='handleRefresh'
-      ></mp-icon> -->
-    <!-- 刷新按钮 -->
-    <image class="refresh-btn" mode="aspectFit" src="../../assets/image/refresh.png" bindtap="handleRefresh" />
-  </view>
-  <view class="control-right">
-    <!-- 清晰度选择 -->
-    <picker class="quality-picker" bindchange="handleQualityPickerChange" value="{{qualityIndex}}" range="{{qualityArray}}" range-key="alias">
-      <view class="picker-text">{{qualityArray[qualityIndex]['alias']}}</view>
-    </picker>
-    <!-- <mp-icon
-          icon="{{muted?'volume-off':'volume-up'}}"
-          color='#fff'
-          size='{{20}}'
-          bind:tap='handleMute'
-      ></mp-icon> -->
-    <image src="{{muted ? '../../assets/image/volume-off.png' : '../../assets/image/volume-on.png'}}" mode="aspectFit" class="volume-btn" bindtap="handleMute" />
-    <!-- <mp-icon
-          icon="{{fullscreen ? 'close' : 'max-window'}}"
-          color='#fff'
-          size='{{20}}'
-          bind:tap='handleFullscreen'
-      ></mp-icon> -->
-    <!-- 全屏/退出全屏按钮 -->
-    <image src="{{fullscreen ? '../../assets/image/exitFullScreen.png' : '../../assets/image/enterFullScreen.png'}}" mode="aspectFit" class="fullscreen-btn" bindtap="handleFullscreen" />
-  </view>
-</view>
-<picker wx:if='{{verticalMode}}' class="quality-picker vertical" bindchange="handleQualityPickerChange" value="{{qualityIndex}}" range="{{qualityArray}}" range-key="alias">
-  <view class="picker-text">{{qualityArray[qualityIndex]['alias']}}</view>
-</picker>
-

package/dist/components/player/components/controls/controls.wxss

@@ -1 +0,0 @@
-.wrap{display:flex;flex-direction:column;overflow:hidden}.image,.wrap{height:100vh;width:100vw}.image{left:0;object-fit:cover;top:0}.back,.image{position:absolute}.back{left:20px;top:20px;z-index:10}.back-image{height:20px;object-fit:contain;opacity:.9;transition:opacity .2s;width:20px}.center{align-items:center;background-color:rgba(0,0,0,.2);border-radius:50%;display:flex;height:80px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px;z-index:10}.center-image{height:40px;object-fit:contain;padding-left:8px;width:40px}.control{align-items:center;background-color:rgba(0,0,0,.4);bottom:0;display:flex;justify-content:space-between;left:0;padding:16rpx 24rpx;position:absolute;right:0;z-index:10}.control.fullscreen{padding:10rpx 40rpx}.control.fullscreen .quality-picker{font-size:.71rem}.control.fullscreen .fullscreen-btn,.control.fullscreen .play-pause-btn,.control.fullscreen .refresh-btn,.control.fullscreen .volume-btn{height:20rpx;width:20rpx}.control-left{align-items:center;display:flex;gap:24rpx}.play-pause-btn{height:28rpx;object-fit:contain;opacity:.9;transition:opacity .2s;width:28rpx}.play-pause-btn:active{opacity:.6}.refresh-btn{height:28rpx;object-fit:contain;opacity:.9;transition:opacity .2s;width:28rpx}.refresh-btn:active{opacity:.6}.control-right{gap:24rpx}.control-right,.quality-picker{align-items:center;display:flex}.quality-picker{color:#fff;font-size:1rem;justify-content:center}.quality-picker.vertical{position:fixed;right:40rpx;top:40rpx}.picker-text{align-items:center;display:flex;height:100%;opacity:.9}.fullscreen-btn,.volume-btn{height:28rpx;object-fit:contain;opacity:.9;transition:opacity .2s;width:28rpx}

package/dist/components/player/components/danmaku/danmaku.js

@@ -1,23 +0,0 @@
-Component({
-
-  /**
-   * 组件的属性列表
-   */
-  properties: {
-
-  },
-
-  /**
-   * 组件的初始数据
-   */
-  data: {
-
-  },
-
-  /**
-   * 组件的方法列表
-   */
-  methods: {
-
-  }
-})

package/dist/components/player/components/danmaku/danmaku.json

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

package/dist/components/player/components/danmaku/danmaku.wxml

@@ -1 +0,0 @@
-<text style="color: #FFF; margin-top: 50px; display: flex;">弹幕组件</text>

package/dist/components/player/components/error/error.js

@@ -1,15 +0,0 @@
-// import { LiveEvents } from 'shared';
-import { prefix } from '../../common/config';
-import { VeComponent } from '../../common/veComponent';
-const name = `${prefix}-error`;
-VeComponent({
-    data: {
-        prefix,
-        classPrefix: name,
-    },
-    methods: {
-        replay() {
-            this.triggerEvent("errorandretry");
-        },
-    },
-});

package/dist/components/player/components/error/error.json

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

package/dist/components/player/components/error/error.wxml

@@ -1,6 +0,0 @@
-<view class='{{classPrefix}}'>
-  <view class='{{classPrefix}}__circular' bind:tap='replay'>
-    <view class='{{classPrefix}}__circular--refresh' />
-  </view>
-  <view class='{{classPrefix}}__text'>出错啦，点击重试</view>
-</view>

package/dist/components/player/components/error/error.wxss

@@ -1 +0,0 @@
-.vhall-error{align-items:center;background-color:#000;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10001}.vhall-error__circular{height:40px;position:relative;transform:rotate(185deg);width:40px}.vhall-error__circular--refresh{border:2px solid;border-left:2px solid transparent;border-radius:50%;color:#999;height:30px;margin-left:4px;margin-top:3px;position:absolute;width:30px}.vhall-error__circular--refresh:before{border-left:2px solid;border-top:2px solid;content:"";height:6px;left:3px;position:absolute;top:24px;transform:rotate(-22.5deg);width:6px}.vhall-error__text{color:#999;line-height:20px;margin-top:8px}.vhall-error__text:empty{display:none}

package/dist/components/player/components/loading/loading.js

@@ -1,9 +0,0 @@
-import { prefix } from '../../common/config';
-import { VeComponent } from '../../common/veComponent';
-const name = `${prefix}-loading`;
-VeComponent({
-    data: {
-        prefix,
-        classPrefix: name,
-    },
-});

package/dist/components/player/components/loading/loading.json

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

package/dist/components/player/components/loading/loading.wxml

@@ -1,4 +0,0 @@
-<view class='{{classPrefix}}'>
-  <view class='{{classPrefix}}__spinner {{classPrefix}}__spinner--circular'></view>
-  <view class='{{classPrefix}}__text'>视频加载中...</view>
-</view>

package/dist/components/player/components/loading/loading.wxss

@@ -1 +0,0 @@
-.vhall-loading{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.vhall-loading__spinner{animation:ve-rotate .8s linear infinite;box-sizing:border-box;height:30px;max-height:100%;max-width:100%;position:relative;width:30px}.vhall-loading__spinner--circular{border:1px solid transparent;border-radius:100%;border-top-color:initial}.vhall-loading__text{color:#999;line-height:20px;margin-top:8px}.vhall-loading__text:empty{display:none}@keyframes ve-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}

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

@@ -1,8 +0,0 @@
-import { generateShortId } from '../../../../../shared/utils';
-export function createData() {
-  return {
-    id: `player-${generateShortId()}`,
-    videoWidth: 0,
-    videoHeight: 0,
-  };
-}

package/dist/components/player/components/main/extensions/export.js

@@ -1,83 +0,0 @@
-export function createExport() {
-  const component = this;
-  return {
-    play(option) {
-      return component.playerContext.play(option);
-    },
-    stop(option) {
-      return component.playerContext.stop(option);
-    },
-    pause(option) {
-      return component.playerContext.pause(option);
-    },
-    resume(option) {
-      if (typeof component.playerContext?.resume === 'function') {
-        return component.playerContext.resume(option);
-      }
-    },
-    replay(option) {
-      component.playerContext.stop(option);
-      component.playerContext.play(option);
-    },
-    mute() {
-      const muted = true;
-      component.setData({
-        muted,
-      })
-    },
-    unmute() {
-      const muted = false;
-      component.setData({
-        muted,
-      })
-    },
-    requestFullScreen(option) {
-      if (component.data.type == 'live') {
-        return component.playerContext.requestFullScreen(option);
-      } else {
-        component.playerContext.requestFullScreen(option);
-        if (typeof option?.success === 'function') {
-          option.success(null);
-        }
-      }
-    },
-    exitFullScreen(option = {}) {
-      if (component.data.type == 'live') {
-        return component.playerContext.exitFullScreen(option);
-      } else {
-        component.playerContext.exitFullScreen(option);
-        if (typeof option?.success === 'function') {
-          option.success(null);
-        }
-      }
-    },
-    requestPictureInPicture(option) {
-      if (!wx.canIUse('live-player.requestPictureInPicture')) {
-        wx.showToast({ title: '当前微信版本不支持画中画', icon: 'none' });
-        return;
-      }
-      if (component.data.type == "live") {
-        return component.playerContext.requestPictureInPicture(option);
-      }
-    },
-    exitPictureInPicture(option) {
-      return component.playerContext?.exitPictureInPicture(option);
-    },
-    setPlaybackRate(rate) {
-      if (component.data.type == "vod") {
-        return component.playerContext.playbackRate(rate);
-      }
-    },
-    seek(second) {
-      if (component.data.type == "vod") {
-        return component.playerContext.seek(second);
-      }
-    },
-    getContext() {
-      return component.playerContext;
-    },
-  };
-}
-export function getPlayerMain(ctx, selector) {
-  return ctx.selectComponent(selector);
-}

package/dist/components/player/components/main/extensions/methods.js

@@ -1,110 +0,0 @@
-export function createMethods() {
-  return {
-    //以下，live-player标签特有
-    onStateChange(e) {
-      const { detail } = e;
-      const { code } = detail;
-      const STATE_CODE = {
-        2001: '拉流：已经连接服务器',
-        2002: '拉流：已经连接 RTMP 服务器,开始拉流',
-        2003: '拉流：网络接收到首个视频数据包(IDR)',
-        2004: '拉流：视频播放开始',
-        2005: '拉流：视频播放进度',
-        2006: '拉流：视频播放结束',
-        2007: '拉流：视频播放Loading',
-        2008: '拉流：解码器启动',
-        2009: '拉流：视频分辨率改变',
-        2030: '音频设备发生改变，即当前的输入输出设备发生改变，比如耳机被拔出',
-        2032: '拉流：视频渲染首帧事件',
-        2101: '拉流：当前视频帧解码失败',
-        2102: '拉流：当前音频帧解码失败',
-        2103: '拉流：网络断连, 已启动自动重连',
-        2104: '拉流：网络来包不稳：可能是下行带宽不足，或由于主播端出流不均匀',
-        2105: '拉流：当前视频播放出现卡顿',
-        2106: '拉流：硬解启动失败，采用软解',
-        2107: '拉流：当前视频帧不连续，可能丢帧',
-        2108: '拉流：当前流硬解第一个I帧失败，SDK自动切软解',
-        3001: '拉流：RTMP -DNS解析失败',
-        3002: '拉流：RTMP服务器连接失败',
-        3003: '拉流：RTMP服务器握手失败',
-        3005: '拉流：RTMP 读/写失败，之后会发起网络重试',
-        '-2301': '拉流：网络断连，且经多次重连无效，请自行重启拉流',
-        '-2302': '拉流：获取拉流地址失败',
-      };
-      // console.log(`live-player statechange: ${code}, ${STATE_CODE[code.toString()]}`)
-      switch (code) {
-        // case 2001:
-        // case 2002:
-        //   this.triggerEvent('loadStart', e.detail);
-        //   break;
-        case 2004:
-          this.triggerEvent('play', e.detail);
-          break;
-        case 2007:
-          this.triggerEvent('waiting', e.detail);
-          break;
-        case 2103:
-          this.triggerEvent('reconnecting', e.detail);
-          break;
-        case -2301:
-        case -2302:
-        case 3001:
-        case 3002:
-        case 3003:
-          this.triggerEvent('error', e.detail);
-          break;
-        default:
-          break;
-      }
-    },
-    onNetStatus(e) {
-      //
-    },
-    onAudioVolumeNotify(e) {
-      //
-    },
-
-    // 以下，live-player和video共有
-    onFullScreenChange(e) {
-      this.triggerEvent('fullscreenchange', e.detail);
-    },
-    onEnterPictureInPicture() {
-      this.triggerEvent('pictureinpicturechange', { pictureInPicture: true });
-    },
-    onLeavePictureInPicture() {
-      this.triggerEvent('pictureinpicturechange', { pictureInPicture: false });
-    },
-
-    //以下，video标签特有
-    onPlay(e) {
-      this.triggerEvent('play', e.detail);
-    },
-    onPause(e) {
-      this.triggerEvent('pause', e.detail);
-    },
-    onEnded(e) {
-      this.triggerEvent('ended', e.detail);
-    },
-    onTimeupdate(e) {
-      this.triggerEvent('timeupdate', e.detail);
-    },
-    onWaiting(e) {
-      this.triggerEvent('waiting', e.detail);
-    },
-    onError(e) {
-      this.triggerEvent('error', e.detail);
-    },
-    onLoadedMetadata(e) {
-      this.triggerEvent('loadedmetadata', e.detail);
-    },
-    onProgress(e) {
-      //
-    },
-    onControlsToggle(e) {
-      //
-    },
-    onSeekComplete(e) {
-      //
-    },
-  };
-}

package/dist/components/player/components/main/extensions/observers.js

@@ -1,41 +0,0 @@
-export function createObservers() {
-  return {
-    type(type) {
-      const livePlayerContext = wx.createLivePlayerContext(this.data.id, this);
-      const videoContext = wx.createVideoContext(this.data.id, this)
-      this.playerContext = type == 'live' ? livePlayerContext : videoContext;
-    },
-    src(src) {
-      console.log(`监听播放地址变化: ${src}`)
-    },
-    objectFit(objectFit) {
-      if (!objectFit) {
-        return;
-      }
-      if (objectFit == 'contain') {
-        this.setData({
-          livePlayerObjectFit: 'contain',
-          videoObjectFit: 'contain',
-        })
-      } else if (objectFit == 'fillCrop') {
-        this.setData({
-          livePlayerObjectFit: 'fillCrop',
-          videoObjectFit: 'cover',
-        })
-      } else if (objectFit == 'fill') {
-        this.setData({
-          livePlayerObjectFit: 'fillCrop',
-          videoObjectFit: 'fill',
-        })
-      }
-    },
-    mode(mode) {
-      if (mode == "RTC") {
-        this.setData({
-          minCache: 0.5, //RTC 模式推荐 0.2s
-          maxCache: 1, //RTC 模式推荐 0.8s
-        })
-      }
-    },
-  };
-}

package/dist/components/player/components/main/extensions/props.js

@@ -1,177 +0,0 @@
-export const props = {
-  // 类型，区分live和vod
-  type: {
-    type: String,
-    value: undefined,
-  },
-
-  // 以下，live-player和video共有
-  src: {
-    type: String,
-    value: undefined,
-  },
-  autoplay: {
-    type: Boolean,
-    value: true,
-  },
-  muted: {
-    type: Boolean,
-    value: false,
-  },
-  objectFit: {
-    type: String,
-    value: 'contain',
-  },
-  livePlayerObjectFit: {
-    type: String,
-    value: 'contain',
-  },
-  videoObjectFit: {
-    type: String,
-    value: 'contain',
-  },
-  autoPauseIfNavigate: {
-    type: Boolean,
-    value: true,
-  },
-  autoPauseIfOpenNative: {
-    type: Boolean,
-    value: true,
-  },
-  pictureInPictureMode: {
-    type: Array,
-    value: [],
-  },
-  pictureInPictureInitPosition: {
-    type: String,
-    value: undefined,
-  },
-  enableAutoRotation: {
-    type: Boolean,
-    value: false,
-  },
-
-  // 以下，直播live-player特有
-  mode: {
-    type: String,
-    value: 'live',
-  },
-  minCache: {
-    type: Number,
-    value: 1,
-  },
-  maxCache: {
-    type: Number,
-    value: 3,
-  },
-  orientation: {
-    type: String,
-    value: 'vertical',
-  },
-  soundMode: {
-    type: String,
-    value: 'speaker',
-  },
-  referrerPolicy: {
-    type: String,
-    value: 'no-referrer',
-  },
-  enableCasting: {
-    type: Boolean,
-    value: false,
-  },
-
-  // 以下，点播video特有
-  controls: {
-    type: Boolean,
-    value: true,
-  },
-  duration: {
-    type: Number,
-    value: undefined
-  },
-  danmuList: Array,
-  danmuBtn: {
-    type: Boolean,
-    value: false
-  },
-  enableDanmu: {
-    type: Boolean,
-    value: false
-  },
-  loop: {
-    type: Boolean,
-    value: false
-  },
-  initialSeekTime: Number,
-  pageGesture: {
-    type: Boolean,
-    value: true
-  },
-  direction: {
-    type: Number,
-    value: 90
-  },
-  showProgress: {
-    type: Boolean,
-    value: false
-  },
-  showFullscreenBtn: {
-    type: Boolean,
-    value: true
-  },
-  showPlayBtn: {
-    type: Boolean,
-    value: true
-  },
-  showCenterPlayBtn: {
-    type: Boolean,
-    value: true
-  },
-  enableProgressGesture: {
-    type: Boolean,
-    value: true
-  },
-  poster: String,
-  showMuteBtn: {
-    type: Boolean,
-    value: true
-  },
-  title: String,
-  playBtnPosition: {
-    type: String,
-    value: 'bottom'
-  },
-  enablePlayGesture: {
-    type: Boolean,
-    value: true
-  },
-  vslideGesture: {
-    type: Boolean,
-    value: true
-  },
-  vslideGestureInFullscreen: {
-    type: Boolean,
-    value: true
-  },
-  showBottomProgress: {
-    type: Boolean,
-    value: true
-  },
-  showCastingButton: {
-    type: Boolean,
-    value: false
-  },
-  pictureInPictureShowProgress: {
-    type: Boolean,
-    value: true
-  },
-  showScreenLockButton: {
-    type: Boolean,
-    value: true
-  },
-  showSnapshotButton: {
-    type: Boolean,
-    value: true
-  },
-};