(2) 用uni-APP开发直播APP——流媒体接口优化和无线真机调试

APP开发


浏览:1420 次

无线真机调试教程

鉴于nvue的Weex和UniApp编译引擎在PC环境中的风格支持较差(错误报告和无效),以及摆脱有线调试的困难,百度搜索了如何部署无线调试解决方案。

1.首先,下载完整的ADB工具包。总共有四个文件,两个exe后缀和两个dll后缀。

在完整的工具包中会有fastboot文件,这些文件的后缀为exe。使用前,只需打开工具包进行检查。这称为确认存在快速启动。如果没有快速启动,它就不是一个完整的工具包。将ADB路径部署到环境变量

以下是adb工具包的最新谷歌官方版本的下载地址:

用于Windows的ADB和Fastboot

用于Mac的ADB和Fastboot

用于Linux的ADB和Fastboot

ADB工具包详细信息

将ADB部署到环境变量

ADB执行有效

方法(几乎所有设备都方便简单)

1.首先将我们的手机连接到计算机,并记得打开开发者模式。

2.在命令行上,cd到sdk下的adb在exe路径中找到我们的adb命令,然后输入adb设备以查看连接的设备

3.使用adb tcpip 8888设置端口号。5555是默认端口号。您还可以设置其他端口号。端口号需要为4位数字

4.拔下我们的设备并启动无线adb连接

使用adb connect 192.168.34:8888192.168.3.34作为我们手机的IP地址,其中8888是我们设置的端口号。此端口号应与adb tcp设置的端口号相同。如果我们没有自己设置端口号,只需直接将192.168.3.34与adb连接即可。默认值为5555。提示连接成功

取消连接是adb断开连接

adb断开192.168.3.34:8888

使用adb无线连接android手机进行调谐,无需获得root权限,请参阅原文

原文:

ADB设置命令行

正在运行的设备菜单中有一个设备显示-不错!!

无线真机投影PC教程

手机无线调试好后,下一步是将手机屏幕投影到PC上,这对懒人来说真是个好消息(专注于一件事)

虫洞不做广告

使用方法非常简单。安装软件后,请按照步骤一步一步进行操作。记得打开开发者模式

虫洞-手机投影到PC

流媒体接口优化方案

由于使用nvue开发App会触及很多漏洞,请在实现最终效果之前提及您踩过的漏洞!

封面视图解决方案是一种与所有终端平台兼容的解决方案。然而,该解决方案的实际效果对于实时推送组件的支持并不理想,而且它没有将内容级别置于相机级别之上(我的技术可能并不完美)。但毕竟,我不是在做小程序,只是在开发App端,所以我找到了另一个解决方案!

封面视图解决方案

将其拉到封面视图解决方案文档中,官方已给出相关提示。subNvue原始子窗体解决方案更适合App端。如果你能看到这个,恭喜你找到了宝藏文件

官方宝藏提示

SubNvue文档

归根结底,subNvue最初的子表单解决方案是将每个级别写在单独的页面上,这需要相关的页面配置。在这里,我将在一个单独的页面btngroup.nvue上分离用于流的按钮组。注意:(主/子页面必须为nvue格式),子页面的背景颜色必须透明

相关页面和配置

案例代码

推送

<模板>

<视图>

<;/带电推杆>

<脚本>

导出默认值{

数据(){

返回{

url:'rtmp://vpush.qdd88.cn/live/621FD133-889D-1707-CF0E-83A8A715D412?auth_key=1604361600-0-0-173de9ba8a3db2420d8fa3ee9b90fb23',

enableCamera:真,

pusher:空,

windowHeight:“0px”,

方向:“垂直”,

设备位置:“后退”

};

},

打开就绪(){

这windowHeight=uni.getSystemInfoSync()。windowHeight+'px';

这pusher=uni。createLivePusherContext('livePusher',this);

this.pusher.startPreview()

},

方法:{

启动生活(){

this.purse.start({

成功:a=>{

console.log('livePusher.start:'+JSON.stringify(a));

}

});

},

停止生活(){

this.purse.stop({

成功:a=>{

console.log(JSON.stringify(a));

}

});

}

}

};

<样式>

b组nuve

<模板>