更新记录

1.0.0（2025-05-20）

• 发布插件

平台兼容性

uni-app(4.66)

uni-app x(4.66)

温馨提示 如何调用插件

  import {
  push,
  stop
} from "@/uni_modules/yuange-screenRtcPush"

开始录屏推流

 push(
  1280, //分辨率宽度，若传0默认自动设置手机屏幕的宽高
  720, //分辨率高度，若传0默认自动设置手机屏幕的宽高
  25, //fps
  "http://192.168.31.10:1985", //rtc api地址：xxxxx/rtc/v1/publish/
  "webrtc://192.168.31.10/live/livestream", //webrtc streamUrl
  true,  // 是否开启语音，支持通话
  {
    success(res) {
      console.log(JSON.stringify(res));
    },
    fail(err) {
      console.log(JSON.stringify(err));
    }
  })

停止推流

stop({
  success(res) {
    console.log(JSON.stringify(res));
  },
  fail(err) {
    console.log(JSON.stringify(err));
  }
})

Demo示例

<template>
  <button @click="push_" class="button">录屏webrtc推流</button>
  <button @click="stop_" class="button">停止推流</button>

  <view class="text-area">
    <text class="title">{{msg}}</text>
  </view>
</template>

<script>
  import {
    push,
    stop
  } from "@/uni_modules/yuange-screenRtcPush"

  export default {
    data() {
      return {
        msg: ""
      }
    },
    methods: {
      push_() {
        let that = this;
        push(
          1280,
          720,
          25,
          "http://192.168.31.10:1985",
          "webrtc://192.168.31.10/live/livestream",
          true, {
            success(res) {
              console.log(JSON.stringify(res));
              that.msg = JSON.stringify(res);
            },
            fail(err) {
              console.log(JSON.stringify(err));
              that.msg = JSON.stringify(err);
            }
          })
      },
      stop_() {
        let that = this;
        stop({
          success(res) {
            console.log(JSON.stringify(res));
            that.msg = JSON.stringify(res);
          },
          fail(err) {
            console.log(JSON.stringify(err));
            that.msg = JSON.stringify(err);
          }
        })
      },
    }
  }
</script>

<style>
  .title {
    font-size: 36rpx;
    color: black;
  }

  .button {
    background-color: dodgerblue;
    color: white;
  }
</style>