本文是 iOS/Android 音视频开发专题 第十篇，该专题中项目代码将在 Github 进行托管，你可在微信公众号（GeekDev）后台回复 资料 获取项目地址。
前两天给大家介绍了如何在iOS下进行音频采集，今天介绍一下在iOS下进行视频采集。要了解iOS是怎样进行视频采集的，首先我们要了解 AVCaptureSession, AVCaptureDevice等几个基本概念及iOS上视频采集的工作原理。
本文是 iOS/Android 音视频开发专题 第九篇，该专题中项目代码将在 Github 进行托管，你可在微信公众号（GeekDev）后台回复 资料 获取项目地址。
在 2017 年的 WWDC 中，Apple 释出了许多新框架（frameworks），Vision Framework 便是其中一个。使用 Vision Framework ，你不需要高深的知识就可以很容易地在你的 App 中实作出电脑视觉技术(Vision Techniques)！Vision Framework 可以让你的 App 执行许多强大的功能，例如识别人脸范围及脸部特徵（微笑、皱眉、左眼眉毛等等）、条码检测、分类出图像中的场景、物件检测及追踪以及视距检测。 或许那些已经使用 Swift 开发程
AVFoundation 中关于视频主要的类 目录 相机基本实现步骤 捕捉会话——AVCaptureSession 捕捉输入——AVCaptureDeviceInput 捕捉预览——AVCaptureVideoPreviewLayer/OpenGL ES 捕捉连接——AVCaptureConnection 拍照——AVCaptureStillImageOutput 音频——AVCaptureAudioDataOutput 视频——AVCaptureVideoDataOutput 生成视频文件——AVA
iOS/Android 客户端开发同学如果想要开始学习音视频开发，最丝滑的方式是对音视频基础概念知识有一定了解后，再借助 iOS/Android 平台的音视频能力上手去实践音视频的采集 → 编码 → 封装 → 解封装 → 解码 → 渲染过程，并借助音视频工具来分析和理解对应的音视频数据。
1 import CoreImage 2 import AVFoundation 3 class ViewController：UIViewController,AVCaptureVideoDataOutputSampleBufferDelegate 4 var filter：CIFilter！ 5 var ciImage：CIImage！ 6 var videoLayer：CALayer！ 7 var imageView：UIImageView！ 8 var avCaptureSession：AVCaptureSession！ 9 var context：CIContext = { 10 return CIContext(eaglContext：EAGLContext(api： EAGLRenderingAPI.openGLES2)！, options：nil) 11 }() 12 override func viewDidLoad() { 13 super.viewDidLoad() 14 filter = CIFilter(name：“CIPhotoEffectTransfer”) 15 buildUI() 16 buildSession() 17 } 18 func buildUI() 19 { 20 videoLayer = CALayer() 21 videoLayer.anchorPoint = CGPoint.zero 22 videoLayer.bounds = view.bounds 23 self.view.layer.insertSublayer(videoLayer, at：0) 24 25 imageView = UIImageView(frame：view.bounds) 26 self.view.addSubview(imageView) 27 28 let button = UIButton(frame：CGRect(x：0, y：420, width：320, height：60)) 29 button.setTitle(“截取图片”, for： UIControlState.init(rawValue：0)) 30 button.backgroundColor = UIColor.black 31 button.addTarget(self, action：
从 AVCaptureDevcie 捕获的数据，是个抽象类，需要继承后使用，例如**：**AVCaptureDeviceInput，还有其他input 源，可参考Apple 官网文档根据场景选用。
开发一款直播app，首先需要采集主播的视频和音频，然后传入流媒体服务器，本篇主要讲解如何采集主播的视频和音频，当前可以切换前置后置摄像头和焦点光标,但是美颜功能还没做，可以看见素颜的你，后续还会有直播的其他功能文章陆续发布。
解析 GPUImage详细解析（一） 上一篇介绍的是GPUImageFramebuffer和GPUImageFilter。 简单回顾一下： GPUImageFilter就是用来接收源图像，通过自定义的顶点、片元着色器来渲染新的图像，并在绘制完成后通知响应链的下一个对象。 GPUImageFramebuffer就是用来管理纹理缓存的格式与读写帧缓存的buffer。 这一篇介绍的是GPUImageVideoCamera和GPUImageView。 GPUImageVideoCamera GPUImage
苹果官方文档-AVFoundation 为了管理从相机或者麦克风等这样的设备捕获到的信息，我们需要输入对象(input)和输出对象(output)，并且使用一个会话(AVCaptureSession)来管理 input 和 output 之前的数据流： 类名 简介 AVCaptureDevice 输入设备，例如 摄像头 麦克风 AVCaptureInput 输入端口 [使用其子类] AVCaptureOutput 设备输出 [使用其子类]，输出视频文件或者静态图像 AVCaptureSession 管理输入
iOS的音视频采集用到了AVCaptureSession。关于AVCaptureSession，苹果的官方文档里的描述如下：
上一章节主要从整体上全览AVFoundation框架，本章主要以一个小的需求(以媒体捕捉以起点，拍摄、保存视频)，打开AVFoundation的大门，带领我们欣赏这个框架带来的强大功能。
接着第一篇总结 ---- 系列第一篇地址：AVFoundation 框架初探究（一） 在第一篇的文章中，我们总结了主要有下面几个点的知识： 1、对AVFoundation框架整体的一个认识 2、AVSpeechSynthesizer这个文字转音频类 3、AVAudioPlayer音频播放类 4、AVAudioRecorder音频录制类 5、AVAudioSession音频会话处理类 上面第一篇说的内容，大致
很多人对直播软件开发还是抱有想法的，但是在这个资本冷静的市场下，直播平台该怎么玩，在直播软件开发过程中哪些功能是必须具备的，这都是值得关注的话题。今天我们给大家分享一份详细的直播软件开发关于Android 、iOS音视频采集步骤讲解。
通常我们通过 AVCaptureSession 相关的 API 来进行音视频的采集，其中主要组件分为 Input、Output、Session 几个部分：
AVCaptureDevice *device = [AVCaptureDevice defaultDeviceWithMediaType:AVMediaTypeVideo]; if (device.torchMode == AVCaptureTorchModeOff) { // Create an AV session AVCaptureSession *session = [[AVCaptureSession alloc] init];
自iOS7以后，iOS扫描二维码不需要借助于第三方框架了，苹果在AVFoundation中原生支持了扫描二维码的API，主要涉及到5个类，这5个类在自定义相机或者视频时也用得上，网上有很多介绍，这5个类分别为: AVCaptureSession：媒体捕获会话，负责把捕获的音视频数据输出到输出设备中。 AVCaptureDevice：输入设备，如麦克风、摄像头。 AVCaptureDeviceInput：设备输入数据管理对象，可以根据AVCaptureDevice创建对应的AVCaptureDeviceI
注意：本篇文章采用了IOS7的新特性来扫二维码，所以系统支持要IOS7以上，如果要兼容IOS7之前的版本，自行找库来支持。
AVCaptureDevice提供了一个类方法，指定一种媒体类型（AVMediaTypeVideo or AVMediaTypeAudio）它便能返回对应的录制设备。其他媒体类型可以在AVMediaFormat.h中找到，不过它们不需要录制设备（如文本、字幕等）。
停止录制之后 可以在AVCaptureFileOutputRecordingDelegate回调方法中做对应的处理，比如视频转码，存入相册 等等。
Vue CLI3 出来已经很长时间了，一直想研究它的插件系统却没有时间（其实是懒），刚好最近需要统一一下项目组的规范（借口），于是就有了契机。
相信很多人都和我一样，刚接触babel的时候都是使用 babel-preset-es2015 这个预设套餐的，但是显然目前而言 babel-preset-env 会是一个更好的选择，babel-preset-env 可以根据配置的目标浏览器或者运行环境来自动将ES2015+的代码转换为es5。
注：在 webpack 3 中，webpack 和它的 CLI 都是在同一个包中，但在第4版中，他们已经将两者分开来更好地管理它们。所以安装时，最好是 webpack 和 webpack-cli 同时安装
本文讲述了一个关于babel配置文件查找行为的有趣故事，通过分析不同场景下配置文件的查找规律，得出了在特定情况下如何自定义配置文件路径的解决方案。
就是说当需要用到babel转换代码的时候，是会优先查找当前文件夹有没有.babelrc文件，或者其它的写法，比如说package.json的babel字段等，有就停止往上查找，没有就一直向上直到有为止。。。
现在好多应有都具备扫码功能，为了减少用户操作，一般会在光线比较暗的时候，自动打开闪光灯： 1、导入头文件 #import <AVFoundation/AVFoundation.h> #import <ImageIO/ImageIO.h> 2、创建设备、输入输出流 // 1.获取硬件设备 AVCaptureDevice *device = [AVCaptureDevice defaultDeviceWithMediaType:AVMediaTypeVideo]; // 2.创建输入流
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供了终端命令行工具、零配置脚手架、插件体系、图形化管理界面等。本文暂且只分析项目初始化部分，也就是终端命令行工具的实现。
最近复习了下vue，突然发现vue-cli已经更新到3.0版本了，并且变化蛮大，看来要不停的学习，真是一入前端深似海。
As a Front-end engineer，浏览器兼容性对于每个人来讲都是必不可少的话题。
core-js[1]是JavaScript的模块化标准库，包括了ECMAScript到2021年的新api的向后兼容实现。它和babel高度集成，是babel解决新特性在浏览器中兼容问题的核心依赖。
默认预设只包含Babel + ESLint，如需要使用到Router、CSS Pre-processors（CSS预处理器）等需要选手动选择特性。
浏览器无法运行 ECMAScript 2015+、JSX、TypeScript 等语法编写的脚本代码。
Babel 是一个用于 JavaScript 的通用多用途编译器，使用 Babel 可以使用（或创建）下一代 的JavaScript，以及下一代 JavaScript 工具。 作为一门语言，JavaScript 不断发展，带来了很多新的规范和建议，使用 Babel 可以让你在这些新的规范和建议全面普及之前就提前使用它们。 Babel 通过将最新标准的 JavaScript 代码编译为已经在目前可以工作的代码来实现上一段提到的内容。这个过程被称为 “源代码到源代码” 的编译，这也被成为 “转换”。
JavaScript语言的更新，也伴随着 Babel 的成长， 对于一个前端而言，JavaScript 新的 API 自然很香，但代价就是我们要转译它，比较常用工具的就是 Babel 。
Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但对于 IE9+，Vue 底层是支持。
这两天研究了FFmpeg获取DirectShow设备数据的方法，在此简单记录一下以作备忘。本文所述的方法主要是对应Windows平台的。
FFmpeg是一个很好的多媒体处理工具，默认情况下，它使用多线程的CPU来完成任务，这给你的电脑带来了很高的负荷，在大多数时候是很慢的。
Babel 是一个用于 JavaScript 的通用多用途编译器，使用 Babel 可以使用（或创建）下一代 的JavaScript，以及下一代 JavaScript 工具。
IOS7之前，开发者进行扫码编程时，一般会借助第三方库。常用的是ZBarSDK，IOS7之后，系统的AVMetadataObject类中，为我们提供了解析二维码的接口。经过测试，使用原生API扫描和处理的效率非常高，远远高于第三方库。
对于现在的App应用来说，扫描二维码这个功能是再正常不过的一个功能了，在早期开发这些功能的时候，大家或多或少的都接触过ZXing和ZBar这类的第三方库，但从iOS7以后，苹果就给我们提供了系统原生的API来支持我们扫描获取二维码，ZXing和ZBar在使用中或多或少有不尽如人意的地方，再之停止更新很久了，所以今天我们就来聊聊如何用系统原生的方法扫描获取二维码。
上一篇 文章讲解了nodejs开发的第一步，命令处理，命令处理的短板是无法处理复杂的选项，而inquier.js解决了这一问题。这篇文章继续介绍脚手架中的交互处理。
FFmpeg文档汇总：https://ffmpeg.org/documentation.html
babel 是 JavaScript 的编译器，可以将最新 ES 语法的代码轻松转换成任意版本的 JavaScript 代码，其实现原理是先使用 Babylon 解释器将 JavaScript 语法解析成 AST，然后通过遍历处理这颗树实现代码转换。在 babel 中可以通过配置 browserslist 来针对不同的浏览器组合，生成不同的适配代码。
排着长队等待结账的商店，帮助旅客记录包裹和航班信息的机场，帮助大型零售商处理大量无聊的存货清单，这些场景非常适合使用条码扫描器。此外，条码扫描器也能帮消费者进行智能购物和产品分类。既然它这么棒，不如我们在 iPhone 上做一个吧！
在您的 gitbook 的 book.json 文件中,将 simple-mind-map 添加到 plugins 列表中.
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
