移动互联网

ios 微信自带浏览器 微信小程序 webrtc 或视频不能自动播放(黑屏)的解决方法

为iOS版微信浏览器刚刚支持webrtc的缘故,只有一则3月10多日的新闻说随着ios的更新,采用wkwebview的微信浏览器也已经支持webrtc,再没有其它有用的资料。

后来看了一个使用webrtc支持ios版微信浏览器的网站,发现玄机竟然是下面的代码…

uniapp开发app,手机状态栏问题挡住问题,uni app 刘海屏适配

问题:在使用uniapp开发手机App时,因为HBuildX创建的应用默认是沉浸式样式,如果去除自带的导航栏之后,页面会直通手机顶部状态栏,解决办法如下:

方法1:使用uniapp官方文档提供的解决方案 https://uniapp.dcloud.io/collocation/pages?id=customnav

 

方法二:配置mainfest.json来关闭沉浸式。打开应用的manifest.json文件,打开源码视图,app-plus 下添加 statusbar >immersed节点并设置值为false

"app-plus" : {
    "statusbar": {  
        "immersed": false  
    },
}

方法二,测试成功!

设置 uni app webview的标题显示

webview的update-title设为false
<template>
	<view>
		<web-view :webview-styles="webviewStyles" update-title="false" src="https://uniapp.dcloud.io/static/web-view.html"></web-view>
	</view>
</template>

pages.json的“globalStyle”中添加一行:"navigationStyle":"custom",

还可以在onReady中加

setTimeout(()=>{
uni.setNavigationBarTitle({
title:‘app中要设置的标题’
})
},2000)

 

    

uni-app 打开手机权限 摄像头,麦克风权限弹窗提示

App权限判断和提示 - DCloud 插件市场

下载链接:

https://ext.dcloud.net.cn/plugin?id=594

引入:

import permision from "@/js_sdk/wa-permission/permission.js"

使用:

switch (uni.getSystemInfoSync().platform) {

case 'android':

permision.requestAndroidPermission("android.permission.RECORD_AUDIO")

permision.requestAndroidPermission("android.permission.CAMERA")

break;

case 'ios':

permision.judgeIosPermission("record")

permision.judgeIosPermission("camera")

break;

}

作者:安徒生1997
链接:file:///home/lenix/%E6%96%87%E6%A1%A3/uni-app%20%E6%89%93%E5%BC%80%E6%89%8B%E6%9C%BA%E6%9D%83%E9%99%90%20-%20%E7%AE%80%E4%B9%A6.html
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

34 | 如何使用Nginx搭建最简单的直播服务器?

在前面三篇文章中,我们介绍了传统直播系统架构、HLS 协议、RTMP 协议相关的知识,那今天我们就来具体实操一下,根据前面所学到的知识搭建出一套最简单的音视频直播系统。
今天我们要搭建的这套直播系统相较于《31 | 一对多直播系统 RTMP/HLS,你该选哪个?》一文中介绍的直播系统要简单得多。该系统不包括客户端、没有 CDN 分发,只包括最基本的推流、转发及拉流功能。虽然它简单了一点,但麻雀虽小五脏俱全,通过这样一个实战操作,我们就可以将前面讲解的理论与实际结合到一起了。
当然,作为一个直播系统来说,客户端是必不可少的。但由于时间和篇幅的原因,我们只能借助一些现成的或者开源的客户端对我们的直播系统进行测试了,所以客户端的界面可能会简陋一些。也正因为如此,我才没有将它们算作咱们这个直播实验平台之中。
实际上,我们完全可以以这个直播系统实验平台为原型,逐步地将一些功能添加进去,这样很快就可以构建出一套商业可用的传统直播系统了。

直播系统架构

在正式开始实战之前,我们先来简要介绍一下这个直播系统的架构,如下图所示:
最简单的直播系统
这个直播架构非常简单,由两部分组成,即媒体服务器客户端
媒体服务器有两个功能:
推流功能,可以让客户端通过 RTMP 协议将音视频流推送到媒体服务器上;
拉流功能,可以让客户端从媒体服务器上拉取 RTMP/HLS 流。
实际上,这个架构与我们前面介绍的传统直播架构相比是有变化的,减少了信令服务器,同时将 CDN 网络变成了一台流媒体服务器。但理解了整个直播架构的原理后,我们就可以快速地将这个简单的直播架构恢复成一个正式的、可商用的直播系统。
那对于我们这个简化的直播系统来说,如何实现架构中的媒体服务器呢?
这里我们使用了目前最流行的 Nginx 来实现它。之所以选用 Nginx 主要出于以下两方面的原因:
Nginx 的性能是很优越。在众多的