array(2) { ["docs"]=> array(10) { [0]=> array(10) { ["id"]=> string(3) "428" ["text"]=> string(77) "Visual Studio 2017 单独启动MSDN帮助(Microsoft Help Viewer)的方法" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(8) "DonetRen" ["tagsname"]=> string(55) "Visual Studio 2017|MSDN帮助|C#程序|.NET|Help Viewer" ["tagsid"]=> string(23) "[401,402,403,"300",404]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511400964" ["_id"]=> string(3) "428" } [1]=> array(10) { ["id"]=> string(3) "427" ["text"]=> string(42) "npm -v;报错 cannot find module "wrapp"" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(4) "zzty" ["tagsname"]=> string(50) "node.js|npm|cannot find module "wrapp“|node" ["tagsid"]=> string(19) "[398,"239",399,400]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511400760" ["_id"]=> string(3) "427" } [2]=> array(10) { ["id"]=> string(3) "426" ["text"]=> string(54) "说说css中pt、px、em、rem都扮演了什么角色" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(12) "zhengqiaoyin" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511400640" ["_id"]=> string(3) "426" } [3]=> array(10) { ["id"]=> string(3) "425" ["text"]=> string(83) "深入学习JS执行--创建执行上下文(变量对象,作用域链,this)" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(7) "Ry-yuan" ["tagsname"]=> string(33) "Javascript|Javascript执行过程" ["tagsid"]=> string(13) "["169","191"]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511399901" ["_id"]=> string(3) "425" } [4]=> array(10) { ["id"]=> string(3) "424" ["text"]=> string(30) "C# 排序技术研究与对比" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(9) "vveiliang" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(8) ".Net Dev" ["catesid"]=> string(5) "[199]" ["createtime"]=> string(10) "1511399150" ["_id"]=> string(3) "424" } [5]=> array(10) { ["id"]=> string(3) "423" ["text"]=> string(72) "【算法】小白的算法笔记:快速排序算法的编码和优化" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(9) "penghuwan" ["tagsname"]=> string(6) "算法" ["tagsid"]=> string(7) "["344"]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511398109" ["_id"]=> string(3) "423" } [6]=> array(10) { ["id"]=> string(3) "422" ["text"]=> string(64) "JavaScript数据可视化编程学习(二)Flotr2,雷达图" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(7) "chengxs" ["tagsname"]=> string(28) "数据可视化|前端学习" ["tagsid"]=> string(9) "[396,397]" ["catesname"]=> string(18) "前端基本知识" ["catesid"]=> string(5) "[198]" ["createtime"]=> string(10) "1511397800" ["_id"]=> string(3) "422" } [7]=> array(10) { ["id"]=> string(3) "421" ["text"]=> string(36) "C#表达式目录树(Expression)" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(4) "wwym" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(4) ".NET" ["catesid"]=> string(7) "["119"]" ["createtime"]=> string(10) "1511397474" ["_id"]=> string(3) "421" } [8]=> array(10) { ["id"]=> string(3) "420" ["text"]=> string(47) "数据结构 队列_队列实例:事件处理" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(7) "idreamo" ["tagsname"]=> string(40) "C语言|数据结构|队列|事件处理" ["tagsid"]=> string(23) "["246","247","248",395]" ["catesname"]=> string(12) "数据结构" ["catesid"]=> string(7) "["133"]" ["createtime"]=> string(10) "1511397279" ["_id"]=> string(3) "420" } [9]=> array(10) { ["id"]=> string(3) "419" ["text"]=> string(47) "久等了,博客园官方Android客户端发布" ["intro"]=> string(288) "目录 ECharts 异步加载 ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具,而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [ " ["username"]=> string(3) "cmt" ["tagsname"]=> string(0) "" ["tagsid"]=> string(2) "[]" ["catesname"]=> string(0) "" ["catesid"]=> string(2) "[]" ["createtime"]=> string(10) "1511396549" ["_id"]=> string(3) "419" } } ["count"]=> int(200) } 222 音视频广播流程 - 爱码网

音视频广播流程

 

音视频广播流程可分以下三个部分:广播客户端对音视频信号进行处理;广播服务器可将推送的音视频流中转及信令的转发;广播终端负责将拉取服务器的音视频流并播放。其过程如下:

音视频广播流程

一、广播客户端

       广播客户端主要作用有以下四点:将音视频文件进行解封装、解码;需要时将音视频流编码格式进行转码;将音视频流封装成为FLV格式;将音视频流通过rtmp协议推送到流媒体服务器。

1.1、音频文件解封装、解码流程

音视频广播流程

在进行解封装、解码之前要注册所有容器格式和codec, 直接调用av_register_all()实现;

  1. 打开输入文件文件,可直接调用 avformat_open_input()函数,
  2. 从文件中提取流信息,调用av_find_stream_info(),
  3. 遍历文件中所有stream[]流,查找音频流;即判断结构体内codec_type是否等于AVMEDIA_TYPE_VIDEO;如果是则说明有音频流,否则没有。
  4. 查找对应的解码器,直接调用avcodec_find_decoder()。
  5. 打开编解码器进行解码,调用avcodec_open2()得到音频码流。
  6. 进行while循环,循环地从码流中提取出帧数据,调用av_read_frame(),
  7. 将获取的每一帧进行解码,音频帧解码可调用avcodec_decode_audio4()。
  8. 得到PCM数据
  9. 释放解码器、关闭输入文件。

1.2、音频文件编码流程

音视频广播流程

与解码一样在进行编码之前要注册所有容器格式和codec,直接调用av_register_all()实现;另外调用avformat_alloc_output_context2()初始化输出码流的AVFormatContext结构体。

  1. 打开输出文件,调用avio_open()。
  2. 创建输出码流AVStream结构体,调用av_new_stream()。
  3. 查找编码器,调用avcodec_find_encoder()。
  4. 打开编码器,调用avcodec_open2().
  5. 写入头文件,调用avformat_write_header()。
  6. 循环进行音频编码,即将PCM采样数据编码为AAC或MP3等格式的码流数据,调用avcodec_encode_audio2()。
  7. 将编码后的音频码流写入文件,调用av_write_frame()。
  8. 写文件尾部,调用av_write_trailer()。
  9. 释放编码器,关闭输入文件。

1.3、rtmp推流过程

音视频广播流程

  1. 初始化Socket,调用InitSockets();
  2. 为结构体RTMP分配内存,调用RTMP_Alloc();
  3. 初始化结构体RTMP,调用RTMP_Init();
  4. 设置RTMP要连接的URL,调用RTMP_SetupURL();
  5. 设置推送模式,调用RTMP_EnableWrite();
  6. 建立RTMP连接,创建RTMP协议规范中的NetConnection,调用RTMP_ConnectStream();
  7. 为RTMPPacket分配内存,调用RTMPPacket_Alloc();
  8. 进行while循环、首先判断是否发送完RTMPPacket数据包,如果发送完,直接关闭rtmp连接;否则进行一个延时,再调用RTMP_SendPacket发送数据包,直到发送完成为止。
  9. 关闭RTMP连接,释放结构体。

10、关闭Socket。

二、广播服务器

     广播客户端主要作用有两个方面:Adobe官方推出的FMS流媒体服务器负责接收客户端推送的音视频流,以便终端拉取;信令服务器主要负责转发客户端发送的信令给指定的广播终端。

2.1、服务器转发客户端信令流程

音视频广播流程

  1. 广播终端创建socket并绑定IP地址和端口号。
  2. 广播终端socket监听端口号请求,随时监听准备接收服务器发来的连接。
  3. 服务器创建socket并打开,根据广播终端的IP地址和端口号连接广播终端的socket。
  4. 服务器连接成功,并向广播终端发送连接状态信息。
  5. 广播终端accept方法返回连接成功。
  6. 服务器向socket写入消息,即音视频数据在流媒体服务器的url和端口。
  7. 广播终端接收并读取消息,以便拉取音视频流。
  8. 服务器关闭socket,广播终端关闭socket。

 

三、广播终端

广播终端主要作用是接收到信令后拉取流媒体服务器音视频流;将音视频流进行解码后用flash播发器播放。

相关文章: