uniapp 视频加水印

在uniapp中，你可以使用uni-mp-editor插件来实现视频加水印功能。该插件支持多种视频格式，可以在视频中加入图片或文字水印，并且可以自定义水印的位置、大小和透明度等参数。

使用uni-mp-editor插件的步骤如下：

1. 在uniapp项目中安装uni-mp-editor插件：npm install uni-mp-editor --save

2. 在需要使用视频加水印功能的页面中引入插件：import UniMpEditor from '@/components/uni-mp-editor/uni-mp-editor.vue'

3. 在页面中添加uni-mp-editor组件，并传入视频和水印的相关参数：

<template>
  <view>
    <uni-mp-editor :options="options"></uni-mp-editor>
  </view>
</template>

<script>
  import UniMpEditor from '@/components/uni-mp-editor/uni-mp-editor.vue'

  export default {
    components: {
      UniMpEditor
    },
    data() {
      return {
        options: {
          type: 'video',
          src: 'http://example.com/video.mp4',
          watermark: {
            type: 'text',
            content: 'watermark',
            color: '#ffffff',
            fontSize: 20,
            opacity: 0.5,
            position: 'bottomRight'
          }
        }
      }
    }
  }
</script>

其中，type为视频类型，src为视频地址，watermark为水印参数，type为水印类型（text或image），content为水印内容，color为水印颜色，fontSize为水印字体大小，opacity为水印透明度，position为水印位置（topLeft、topRight、bottomLeft或bottomRight）。

4. 在页面中调用uni-mp-editor组件的export方法，将加水印后的视频导出：

<template>
  <view>
    <uni-mp-editor :options="options" ref="editor"></uni-mp-editor>
    <button @tap="exportVideo">Export</button>
  </view>
</template>

<script>
  import UniMpEditor from '@/components/uni-mp-editor/uni-mp-editor.vue'

  export default {
    components: {
      UniMpEditor
    },
    data() {
      return {
        options: {
          type: 'video',
          src: 'http://example.com/video.mp4',
          watermark: {
            type: 'text',
            content: 'watermark',
            color: '#ffffff',
            fontSize: 20,
            opacity: 0.5,
            position: 'bottomRight'
          }
        }
      }
    },
    methods: {
      exportVideo() {
        this.$refs.editor.export().then(res => {
          // 导出成功，res为加水印后的视频地址
        }).catch(err => {
          // 导出失败，err为错误信息
        })
      }
    }
  }
</script>

在exportVideo方法中调用uni-mp-editor组件的export方法，将加水印后的视频导出。导出成功后，res为加水印后的视频地址。