uniapp原生插件之乐橙摄像机播放插件(云台对讲版)

2023-11-23 07:59

本文主要是介绍uniapp原生插件之乐橙摄像机播放插件(云台对讲版),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

插件介绍

乐橙摄像机播放插件(云台对讲版),集成视频播放,对讲模式、云台控制

插件地址

乐橙摄像机播放插件(云台对讲版) - DCloud 插件市场

超级福利

uniapp 插件购买超级福利 

插件申请权限

  1. 麦克风权限(可参考示例项目)
  2. 网络请求权限
  3. 摄像头权限

manifest.json权限列表

/* android打包配置 */"android" : {"permissions" : ["<uses-feature android:name=\"android.hardware.camera\"/>","<uses-feature android:name=\"android.hardware.camera.autofocus\"/>","<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>","<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>","<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>","<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>","<uses-permission android:name=\"android.permission.INTERNET\"/>","<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>","<uses-permission android:name=\"android.permission.USE_CREDENTIALS\"/>","<uses-permission android:name=\"android.permission.VIBRATE\"/>","<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>","<uses-permission android:name=\"android.permission.WRITE_EXTERNAL_STORAGE\"/>","<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"],"abiFilters" : [ "armeabi-v7a", "arm64-v8a" ]},

页面内容

<template><view class="content"><leven-videoPlayComponent ref="refLeCheng" v-if="initSdkSuccess" :config="config"style="height: 500rpx; width: 750rpx;" @onError="onError" @onPlayResult="onPlayResult" @onOpenTalk="onOpenTalk"@Talk="Talk"></leven-videoPlayComponent><view class="button" style="width: 750rpx; margin-bottom: 20rpx;"><button @click="openTalk" style="flex: 1;">开启对讲</button><button @click="closeTalk">关闭对讲</button><button @click="closePlayer">销毁播放器资源</button></view><!-- 控制按钮 --><view class="controll-button-box"><view class="controll-button-box-inner"></view><!-- 三角形按钮 --><view class="sanjiao-image top" @touchstart="controlPtz('up')" @touchend="controlPtz('stop')"><image class="sanjiao-image-body" src="/static/images/icon-sanjiao-top.png"></image></view><view class="sanjiao-image left" @touchstart="controlPtz('left')" @touchend="controlPtz('stop')"><image class="sanjiao-image-body" src="/static/images/icon-sanjiao-left.png"></image></view><view class="sanjiao-image bottom" @touchstart="controlPtz('down')" @touchend="controlPtz('stop')"><image class="sanjiao-image-body" src="/static/images/icon-sanjiao-bottom.png"></image></view><view class="sanjiao-image right" @touchstart="controlPtz('right')" @touchend="controlPtz('stop')"><image class="sanjiao-image-body" src="/static/images/icon-sanjiao-right.png"></image></view></view></view>
</template><script>const videoPlayPlugin = uni.requireNativePlugin('leven-lechangeOpenPlatform-lechengModule')export default {data() {return {title: 'Hello',config: {deviceId: ""},initSdkSuccess: false}},() {},onReady() {// this.$refs.refLeCheng.initData();// 初始化sdkthis.initSdk();},methods: {// 初始化sdkinitSdk() {videoPlayPlugin.initSdk({url: "https://openapi.lechange.cn:443",appId: "",appSecret: ""}, (res) => {if (res.code == 0) {// 初始化成功this.initSdkSuccess = true;}})},// 失败onError(data) {uni.showToast({icon: "none",title: JSON.stringify(data.detail)})},// 播放状态onPlayResult(data) {// uni.showToast({//   icon: "none",//   title: JSON.stringify(data)// })if (data.detail == "success") {uni.showToast({icon: "none",title: "播放成功"})} else {uni.showToast({icon: "none",title: "播放失败"})}},// 开启对讲openTalk() {this.$refs.refLeCheng.openTalk();},// 开启对讲结果onOpenTalk(data) {if (data.detail == "success") {uni.showToast({icon: "none",title: "开启对讲成功"})} else {uni.showToast({icon: "none",title: "开启对讲失败"})}},// 关闭对讲closeTalk() {this.$refs.refLeCheng.closeTalk();},// 关闭对讲结果Talk(data) {if (data.detail == "success") {uni.showToast({icon: "none",title: "关闭对讲成功"})} else {uni.showToast({icon: "none",title: "关闭对讲失败"})}},// 云台控制controlPtz(type) {switch (type) {case "up":this.$refs.refLeCheng.ptzUp();break;case "down":this.$refs.refLeCheng.ptzDown();break;case "left":this.$refs.refLeCheng.ptzLeft();break;case "right":this.$refs.refLeCheng.ptzRight();break;default:this.$refs.refLeCheng.ptzStop();}},// 销毁播放资源closePlayer() {this.initSdkSuccess = false;this.$refs.refLeCheng.destroyPlayer();}}}
</script><style scoped>.content {flex-direction: column;align-items: center;}.controll-button-box {width: 400rpx;height: 400rpx;border-radius: 200rpx;border: 1px solid #13227a;background-color: #FFFFFF;justify-content: center;align-items: center;position: relative;}.controll-button-box-inner {width: 200rpx;height: 200rpx;border-radius: 100rpx;border: 1px solid #13227a;background-color: #F9F9F9;}.sanjiao-image {position: absolute;}.top {top: 0;}.left {left: 0;}.bottom {bottom: 0;}.right {right: 0;}.sanjiao-image-body {width: 100rpx;height: 100rpx;}
</style>

联系作者

  • 可下载实例文件,sdk的appId和appSecret以及播放视频的设备id需要用自己的数据
  • 购买插件前请先试用,试用通过再购买。在试用中如果遇到任何问题,可与作者联系,QQ:334106817,将全力协助你使用本插件。

预览图片

 

 

这篇关于uniapp原生插件之乐橙摄像机播放插件(云台对讲版)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/416480

相关文章

VS Code中的Python代码格式化插件示例讲解

《VSCode中的Python代码格式化插件示例讲解》在Java开发过程中,代码的规范性和可读性至关重要,一个团队中如果每个开发者的代码风格各异,会给代码的维护、审查和协作带来极大的困难,这篇文章主... 目录前言如何安装与配置使用建议与技巧如何选择总结前言在 VS Code 中,有几款非常出色的 pyt

MyBatis Plus中执行原生SQL语句方法常见方案

《MyBatisPlus中执行原生SQL语句方法常见方案》MyBatisPlus提供了多种执行原生SQL语句的方法,包括使用SqlRunner工具类、@Select注解和XML映射文件,每种方法都有... 目录 如何使用这些方法1. 使用 SqlRunner 工具类2. 使用 @Select 注解3. 使用

Vue3视频播放组件 vue3-video-play使用方式

《Vue3视频播放组件vue3-video-play使用方式》vue3-video-play是Vue3的视频播放组件,基于原生video标签开发,支持MP4和HLS流,提供全局/局部引入方式,可监听... 目录一、安装二、全局引入三、局部引入四、基本使用五、事件监听六、播放 HLS 流七、更多功能总结在 v

RabbitMQ 延时队列插件安装与使用示例详解(基于 Delayed Message Plugin)

《RabbitMQ延时队列插件安装与使用示例详解(基于DelayedMessagePlugin)》本文详解RabbitMQ通过安装rabbitmq_delayed_message_exchan... 目录 一、什么是 RabbitMQ 延时队列? 二、安装前准备✅ RabbitMQ 环境要求 三、安装延时队

Spring Boot Maven 插件如何构建可执行 JAR 的核心配置

《SpringBootMaven插件如何构建可执行JAR的核心配置》SpringBoot核心Maven插件,用于生成可执行JAR/WAR,内置服务器简化部署,支持热部署、多环境配置及依赖管理... 目录前言一、插件的核心功能与目标1.1 插件的定位1.2 插件的 Goals(目标)1.3 插件定位1.4 核

SpringBoot3.X 整合 MinIO 存储原生方案

《SpringBoot3.X整合MinIO存储原生方案》本文详细介绍了SpringBoot3.X整合MinIO的原生方案,从环境搭建到核心功能实现,涵盖了文件上传、下载、删除等常用操作,并补充了... 目录SpringBoot3.X整合MinIO存储原生方案:从环境搭建到实战开发一、前言:为什么选择MinI

java使用protobuf-maven-plugin的插件编译proto文件详解

《java使用protobuf-maven-plugin的插件编译proto文件详解》:本文主要介绍java使用protobuf-maven-plugin的插件编译proto文件,具有很好的参考价... 目录protobuf文件作为数据传输和存储的协议主要介绍在Java使用maven编译proto文件的插件

浏览器插件cursor实现自动注册、续杯的详细过程

《浏览器插件cursor实现自动注册、续杯的详细过程》Cursor简易注册助手脚本通过自动化邮箱填写和验证码获取流程,大大简化了Cursor的注册过程,它不仅提高了注册效率,还通过友好的用户界面和详细... 目录前言功能概述使用方法安装脚本使用流程邮箱输入页面验证码页面实战演示技术实现核心功能实现1. 随机

Python如何将OpenCV摄像头视频流通过浏览器播放

《Python如何将OpenCV摄像头视频流通过浏览器播放》:本文主要介绍Python如何将OpenCV摄像头视频流通过浏览器播放的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完... 目录方法1:使用Flask + MJPEG流实现代码使用方法优点缺点方法2:使用WebSocket传输视

CnPlugin是PL/SQL Developer工具插件使用教程

《CnPlugin是PL/SQLDeveloper工具插件使用教程》:本文主要介绍CnPlugin是PL/SQLDeveloper工具插件使用教程,具有很好的参考价值,希望对大家有所帮助,如有错... 目录PL/SQL Developer工具插件使用安装拷贝文件配置总结PL/SQL Developer工具插