@dolphinweex/weex-harmony 0.1.73 → 0.1.74

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dolphinweex/weex-harmony",
-  "version": "0.1.73",
+  "version": "0.1.74",
   "description": "weex harmony adapter",
   "main": "index.js",
   "files": [

package/src/components/midea-ijkplayer-view.vue

@@ -16,6 +16,7 @@
             left: 0,
             bottom: 0,
             right: 0,
+            zIndex: 1
           }
     "
   ></BaseSameLayer>

package/src/components/midea-ipc-ijkplayer-view.vue

@@ -0,0 +1,240 @@
+<template>
+  <BaseSameLayer
+    :hosSameLayerArgs="hosSameLayerArgs"
+    ref="sameLayer"
+    embedType="native/midea-ipc-ijkplayer-view"
+    :defaultWidth="'100%'"
+    :defaultHeight="'100%'"
+    :embedWidth="embedWidth"
+    :embedHeight="embedHeight"
+    :style="
+      embedPosition !== 'fixed'
+        ? { position: embedPosition }
+        : {
+            position: embedPosition,
+            top: 0,
+            left: 0,
+            bottom: 0,
+            right: 0,
+            zIndex: 1
+          }
+    "
+  ></BaseSameLayer>
+</template>
+
+<script>
+import BaseSameLayer from './baseSameLayer.vue';
+
+export default {
+  data() {
+    return {
+      width: 0,
+      height: 0,
+      embedWidth: '100%',
+      embedHeight: '100%',
+      embedPosition: 'static',
+      defaultWidth: '100%',
+      defaultHeight: '100%',
+    };
+  },
+  name: 'MideaIpcIjkplayerView',
+  components: {
+    BaseSameLayer,
+  },
+  props: {
+    hosUniqueProps: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+    data: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+    config: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+    muted: {
+      type: Boolean,
+      default: false,
+    },
+    playStatus: {
+      type: String,
+      default: 'normal',
+    },
+    needDownload: {
+      type: Boolean,
+      default: false,
+    },
+    isSupportScale: {
+      type: Boolean,
+      default: false,
+    },
+    videoResize: {
+      type: Number,
+      default: 0,
+    },
+    autoplay: {
+      type: Boolean,
+      default: false,
+    },
+    videoCover: {
+      type: String,
+      default: '',
+    },
+    uiVisible: {
+      type: Object,
+      default() {
+        return {
+          voiceBtnVisible: true,
+          speedBtnVisible: true,
+          captureBtnVisible: true,
+          downloadBtnVisible: true,
+          batteryTimeLayoutVisible: false,
+        };
+      },
+    },
+    speedList: {
+      type: Array,
+      default() {
+        return ['0.5', '1', '1.5', '2'];
+      },
+    },
+    extraInfo: {
+      type: String,
+      default: '',
+    },
+    deleteBtnVisible: {
+      type: Number,
+      default: 0,
+    },
+    downloadDir: {
+      type: String,
+      default: '',
+    },
+    albumName: {
+      type: String,
+      default: '',
+    },
+    src: {
+      type: String,
+      default: '',
+    },
+    isShowTopRightViewOnPortrait: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  computed: {
+    hosSameLayerArgs() {
+      return {
+        ...this.hosUniqueProps, // 鸿蒙原生组件独有属性
+        width: this.width,
+        height: this.height,
+        onFullscreenChange: this.onFullscreenChange,
+        // 视频播放器相关属性
+        config: this.config,
+        muted: this.muted,
+        playStatus: this.playStatus,
+        needDownload: this.needDownload,
+        isSupportScale: this.isSupportScale,
+        videoResize: this.videoResize,
+        autoplay: this.autoplay,
+        videoCover: this.videoCover,
+        uiVisible: this.uiVisible,
+        speedList: this.speedList,
+        extraInfo: this.extraInfo,
+        deleteBtnVisible: this.deleteBtnVisible,
+        downloadDir: this.downloadDir,
+        albumName: this.albumName,
+        data: this.data,
+        src: this.src,
+        isShowTopRightViewOnPortrait: this.isShowTopRightViewOnPortrait,
+
+        // 事件回调
+        onProgress: this.onProgress,
+        onStart: this.onStart,
+        onPause: this.onPause,
+        finish: this.finish,
+        onFail: this.onFail,
+        onReadyToPlay: this.onReadyToPlay,
+        deleteVideo: this.deleteVideo,
+        onDownloadSuccess: this.onDownloadSuccess,
+        onStartDownload: this.onStartDownload,
+        onPreviewImageClick: this.onPreviewImageClick,
+      };
+    },
+  },
+  mounted() {
+    this.width = this.$el.clientWidth;
+    this.height = this.$el.clientHeight;
+    this.windowWidth = window.innerWidth;
+    this.windowHeight = window.innerHeight;
+    this.$nextTick(() => {
+      this.defaultWidth = this.$refs.sameLayer.$el.clientWidth;
+      this.defaultHeight = this.$refs.sameLayer.$el.clientHeight;
+      this.defaultPosition =
+        this.$refs.sameLayer.$el.style.position || 'static';
+    });
+  },
+  methods: {
+    onFullscreenChange(isFullScreeen) {
+      if (isFullScreeen.flag) {
+        this.embedPosition = 'fixed';
+        this.embedHeight = this.windowWidth;
+        this.embedWidth = this.windowHeight;
+      } else {
+        this.embedPosition = this.defaultPosition;
+        this.embedHeight = this.defaultHeight;
+        this.embedWidth = this.defaultWidth;
+      }
+    },
+    // 自定义拓展其它逻辑
+    onProgress(res) {
+      this.$emit('onProgress', res);
+    },
+
+    onStart(res) {
+      this.$emit('onStart', res);
+    },
+
+    onPause(res) {
+      this.$emit('onPause', res);
+    },
+
+    finish(res) {
+      this.$emit('finish', res);
+    },
+
+    onFail(res) {
+      this.$emit('onFail', res);
+    },
+
+    onReadyToPlay(res) {
+      this.$emit('onReadyToPlay', res);
+    },
+
+    deleteVideo(res) {
+      this.$emit('deleteVideo', res);
+    },
+
+    onDownloadSuccess(res) {
+      this.$emit('onDownloadSuccess', res);
+    },
+
+    onStartDownload(res) {
+      this.$emit('onStartDownload', res);
+    },
+
+    onPreviewImageClick(res) {
+      this.$emit('onPreviewImageClick', res);
+    },
+  },
+};
+</script>

package/src/components/midea-ipc-live-view.vue

@@ -0,0 +1,195 @@
+<template>
+  <BaseSameLayer
+    :hosSameLayerArgs="hosSameLayerArgs"
+    embedType="native/midea-ipc-live-view"
+    :defaultWidth="300"
+    :defaultHeight="300"
+  ></BaseSameLayer>
+</template>
+
+<script>
+import BaseSameLayer from './baseSameLayer.vue';
+const weexModule = weex.requireModule('weexModule');
+
+export default {
+  data() {
+    return {
+      width: 0,
+      height: 0,
+    };
+  },
+  name: 'MideaIpcLiveView',
+  components: {
+    BaseSameLayer,
+  },
+  props: {
+    src: {
+      type: String,
+      default: '',
+    },
+    url: {
+      type: String,
+      default: '',
+    },
+    videoResize: {
+      // videoResize?: 0 | 1 | 2; // 0=Aspect,1=AspectFill,2=Resize（容器表现）
+      type: Number,
+      default: '',
+    },
+    autoplay: {
+      type: Boolean,
+      default: false,
+    },
+    videoCover: {
+      type: String,
+      default: '',
+    },
+    bottomShadow: {
+      type: Object,
+      default: () => {},
+    },
+    isSupportScale: {
+      type: Boolean,
+      default: false,
+    },
+    controls: {
+      type: Boolean,
+      default: false,
+    },
+    topShadow: {
+      type: Object,
+      default: () => {},
+    },
+    hosUniqueProps: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+    data: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+  },
+  computed: {
+    hosSameLayerArgs() {
+      return {
+        ...this.hosUniqueProps, // 鸿蒙原生组件独有属性
+        width: this.width,
+        height: this.height,
+        data: this.data,
+        src: this.src,
+        url: this.url,
+        videoResize: this.videoResize,
+        autoplay: this.autoplay,
+        videoCover: this.videoCover,
+        bottomShadow: this.bottomShadow,
+        isSupportScale: this.isSupportScale,
+        controls: this.controls,
+        topShadow: this.topShadow,
+        hosUniqueProps: this.hosUniqueProps,
+        onPlayerClick: this.onPlayerClick,
+        onMoveControl: this.onMoveControl,
+        onScaleControl: this.onScaleControl,
+        onMoveEnd: this.onMoveEnd,
+        onStatePrepared: this.onStatePrepared,
+        onAutoCompletion: this.onAutoCompletion,
+        onStateAutoComplete: this.onStateAutoComplete,
+      };
+    },
+  },
+  mounted() {
+    this.width = this.$el.clientWidth;
+    this.height = this.$el.clientHeight;
+  },
+  watch:{
+    url(newV){
+      console.log('cdj-------------url',newV)
+    }
+  },  
+  methods: {
+    switchVideoQuality(params,callback) {
+      weexModule.callNative(
+        'ipcLinkApi',
+        {
+          method: 'switchVideoQuality',
+          name: this.embedId,
+          params
+        },
+        callback
+      );
+    },
+    getVideoNetworkSpeed(params,callback) {
+      weexModule.callNative(
+        'ipcLinkApi',
+        {
+          method: 'getVideoNetworkSpeed',
+          name: this.embedId,
+          params
+        },
+        callback
+      );
+    },
+    startRecord(params,callback) {
+      weexModule.callNative(
+        'ipcLinkApi',
+        {
+          method: 'startRecord',
+          name: this.embedId,
+          params
+        },
+        callback
+      );
+    },
+    stopRecord(params,callback) {
+      weexModule.callNative(
+        'ipcLinkApi',
+        {
+          method: 'stopRecord',
+          name: this.embedId,
+          params
+        },
+        callback
+      );
+    },
+    changeAudioStatus(params,callback){
+      weexModule.callNative(
+        'ipcLinkApi',
+        {
+          method: 'changeAudioStatus',
+          name: this.embedId,
+          params
+        },
+        callback
+      );
+    },
+    // 自定义拓展其它逻辑
+    onPlayerClick(res) {
+      this.$emit('onPlayerClick', res);
+    },
+
+    onMoveControl(res) {
+      this.$emit('onMoveControl', res);
+    },
+
+    onScaleControl(res) {
+      this.$emit('onScaleControl', res);
+    },
+
+    onMoveEnd(res) {
+      this.$emit('onMoveEnd', res);
+    },
+    onStatePrepared() {
+      this.$emit('onStatePrepared');
+    },
+    onAutoCompletion() {
+      this.$emit('onAutoCompletion');
+    },
+    onStateAutoComplete() {
+      this.$emit('onStateAutoComplete');
+    },
+  },
+};
+</script>

package/src/index.js

@@ -74,11 +74,21 @@ const componentMap = [
     componentAddress: 'midea-ijkplayer-view.vue',
     isInPlugin: false
   },
+  {
+    componentName: 'MideaIpcIjkplayerView',
+    componentAddress: 'midea-ipc-ijkplayer-view',
+    isInPlugin: false
+  },
   {
     componentName: 'MideaIotlinkvideoView',
     componentAddress: 'midea-iotlinkvideo-view.vue',
     isInPlugin: false
   },
+  {
+    componentName: 'MideaIpcLiveView',
+    componentAddress: 'midea-ipc-live-view.vue',
+    isInPlugin: false
+  },
   {
     componentName: 'MideaSeekBar',
     componentAddress: 'midea-seek-bar-base.vue',