记录－交流－Web开发知识分享
很久前我曾经提到过Web Speech API，现在Chrome刚刚发布的25版本已经为桌面和Android提供了对此API的支持，这对Web开发者来说无疑是一个具有里程碑意义的事件，因为我们可以直接在Web App中原生使用语音识别技术，Web应用的新时代将会由此开启。
控制不住激动的心情，下面我会通过示例马上给大家介绍此API的详细信息。
Google专门提供了一个原生示例，来演示Web Speech API。
我们来看看实现代码。首先需要判断浏览器是否支持Web Speech API，我们通过window下是否存在
大家好，我是小梅，公众号：「小梅的前端之路」 原创作者。
作为在前端领域不断探索的一员，在此记录开发中遇到的问题，如果你也遇到了相同的问题，希望本文对你有帮助。
一、github上新建一个仓库
具体步骤可以看网上的诸多教程
二、把本地项目初始化为一个git仓库
找到本地项目的根目录，依次执行
1、建立本地的git仓库
git init2、将本地文件全部添加到本地的git仓库
git add .此处如果报下面这个错误，则需要先执行：
git config --global core.autocrlf false然后再执行git add .
问题：在使用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
},
}
方法二，测试成功！
…
在OnReady中加以下代码
var wv;
// #ifdef APP-PLUS
console.log('App plus2')
var currentWebview = this.$mp.page.$getAppWebview() //获取当前页面的webview对象
setTimeout(function() {
wv = currentWebview.children()[0]
wv.setStyle({scalable:true})
}, 1000); //如果是页面初始化调用时，需要延时一下
// #endif
…
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)
…
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
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
…
1.根目录下新建一个文件夹
$ sudo mkdir offlinePackage
2.将下载的deb包拷贝到上述新建的文件夹下
$ sudo cp -r /var/cache/apt/archives /offlinePackage
3.修改文件夹的权限，可读可写可执行
$ sudo chmod 777 -R /offlinPackage/
4.建立deb包的依赖关系
$ sudo dpkg-scanpackages /offlinePackage/ /dev/null |gzip
参见：Nginx+FFmpeg实现rtsp流转hls流，在WEB通过H5 video实现视频播放
不足：hls延迟较rtmp、http-flv大
https://blog.csdn.net/gui66497/article/details/78590190
https://blog.csdn.net/LLittleF/article/details/81111713
注：通过video.js播放rtmp流。需要将代码放到服务器，本地windows电脑无法播放
不足：需要浏览器开启flash
基于nginx-rtmp-module，通过配置将rtmp转为flv，最后通过flv.js播放。
https://github.com/winshining/nginx-http-flv-module/blob/master/README.CN.md
https://segmentfault.com/a/1190000016043297
https://blog.csdn.net/qq_22633333/article/details/96288603#comments
这种方式是最理想的，我目前找到的方案。当然单指不想花钱买收费方案的。
https://github.com/lulop-k/kurento-rtsp2webrtc
https://www.jianshu.com/p/1ddfa72de165
如果您尝试在最新版本的 Chrome 上getUserMedia()使用跨源 iframe访问相机和麦克风，默认情况下它将失败。
我们已经多次遇到过这种情况，因为Pipe 音频和视频录制平台的用户试图将 Pipe 嵌入到使用 iframe 嵌入外部 HTML 和 JS 代码的Wix网站或Google 站点中。
原因源于 2017 年和 2018 年对 Chrome 进行的一系列安全和隐私更改：
HTTPS 是 HTTP over Secure Socket Layer，以安全为目标的 HTTP 通道，所以在 HTTPS 承载的页面上不允许出现 http 请求，一旦出现就是提示或报错：
Mixed Content: The page at ‘https://www.taobao.com/‘ was loaded over HTTPS, but requested an insecure image ‘http://g.alicdn.com/s.gif’. This content should also be served over HTTPS.
HTTPS改造之后，我们可以在很多页面中看到如下警报：
很多运营对 https
近期评论