Android ionic工程中调用webrtc获取视频流

作者: k750 | 来源:发表于2017-09-21 15:22 被阅读0次

ionic调研的笔记

1.新建ionic blank工程

2.在ionic工程中安装crosswalk //为了兼容5.0以下机型

$ ionic browser add crosswalk

3.TS代码如下：

navigator.getUserMedia获取视频流

4.html代码如下：

<button (click)="openVideo()">点我测试</button> //添加button和点击事件

<video></video> //添加一个video标签用于显示视频

5.添加权限

确保在platform / android / AndroidManifest.xml中具有RECORD_AUDIO和CAMERA权限

6.最终效果

真机截图机型 boom S7 edge

ps:附上webrtc api

https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia

Android ionic工程中调用webrtc获取视频流
ionic调研的笔记 1.新建ionic blank工程 2.在ionic工程中安装crosswalk //为...
我第一个webRTC应用
做第一个webRTC情况开发WebRTC应用程序需要做几件事：获取音频流，视频流，或者其他数据流获取网络信息...
webrtc获取音视频编码并发送流程
以mediaosoup-broadcaster-demo为例说明: 函数调用流程: 获取视频帧: webrtc::...
WebRTC：实现本地视频直播
目录效果展示点击Start的时候获取当前设备的视频流，点击Call的时候会将视频流通过WebRTC展示到下方的...
WebRTC视频流渲染中插入图片帧
WebRTC视频流渲染中插入自己的图片帧渲染 WebRTC revision 8146 2015年初,戴维营里上了...
webrtc
使用WebRTC搭建前端视频聊天室——入门篇使用WebRTC搭建前端视频聊天室——信令篇Android之WebRTC介绍
ionic和cordova解决跨域问题
在调用豆瓣api数据时，ionic serve 和 ionic run android后，在网页和手机app中都有...
WebRTC 系列之视频辅流
WebRTC在PlanB方案下，只支持一条视频流发送，这条视频流，我们称之为”主流”。何为视频”辅流”？视频辅流是...
WebRtc 建立连接流程
WebRtc 建立连接流程 1、获取媒体流 ( mediaStream ) 2、创建 PeerConnection...
完整的直播系统
ffmpeg 音视频的抽取,剪辑,(WebRTC)ffplayflashplayer (播放RTMP流) 搭建流媒...