Android+Web视频直播装逼实现

(转载自https://www.jianshu.com/p/129e07b3e42f)

上善V若水 关注

2016.10.27 09:57* 字数 2428 阅读 9785评论 10喜欢 37

一、前言

不知道为什么,今天突然就想跟大家分享一下最近火热的视频直播技术实现思路。希望通过这种简单快速的视频直播方式,能帮助你在好基友面前小小的装个逼。

当然,作为一个穷逼,我自然不会傻到去购买昂贵的软、硬件设备来满足我仅仅为了装逼的一个小小需求。人生中有那么多逼要装,但我们一定要切记,装逼一定要装的物美价廉,才能不失美谈。

二、实现原理

好了,言规正传,如果你是这个方面的新人,那么我觉得在正式开始今天的话题之前,还是有必要跟大家简单的分享一下视频直播的实现原理。如果你已经有所了解,那么请直接越过这一个小节,因为我真的只会分享最容易帮助大家理解的实现原理。

直播最简单的实现原理

通过上图可以看到,所谓的视频直播其实就是通过录相设备将采集到视频数据以流的方式推送到服务器,然后我们观看直播的时候,以流的方式再从服务器拉取视频数据。当然这个过程还牵涉到一系列复杂的编码、丢包、抖动、延时……等一系列的技术难点,但是这些都不在我们今天的讨论范围。我们只想安静的做个简单的装逼直播而已,所以关于直播的原理,你可以粗略的理解为一个大木桶上有两根水管,一根进水,一根出水,就这么简单。

本次的技术实现方案,进水的水管(视频采集与推流)我选择通过Android手机(进一步证明我穷),而出水的水管(视频拉取与播放)我选择通过H5的Video标签来实现(因为我懒)。也就是说,这次的直播思路,其实就是通过你手机的摄像头,实时采集视频数据,并推送到好友手机上打开的H5页面中,实现视频直播。

而刚才提到的所有技术难点我们暂且都不去深究,因为从成本角度来考虑,我决定选择通过第三方的视频云服务来作为我们底层的技术支撑。经过简单的挑选之后,今天我们先暂且选择通过百度的LSS视频直播服务来实现(因为我穷)。

三、具体实现

首先,通过一张图来帮助大家简单了解一下LSS的使用步骤。

LSS使用步骤

1、创建直播会话

根据上图,我们注册并开通LSS服务后,第一步要做的是创建直播会话。我们先来创建一个指定设置的直播会话,如图所示:

直播会话创建选项

这里大家可以看到我用一个红框标识了重点部分。此处建议大家选择一个合适的转码模板,因为默认的模板设置会导致最终视频直播时,服务器只做转发,保持输入分辨率与码率不变。这样有两个不妥之处:一是在用户实际观看时耗费的流量更大,延迟情况可能更加突出;二是在iPhone手机上,你会发现用HTML5当中默认的Video是无法直播的。这主要是因为iPhone手机默认对视频格式支持的问题。下面列出iPhone主要支持的视频格式:

1:H.264 视频:最高支持 1080p、60 fps、High Profile level 4.2 编码,其音频为 AAC-LC 格式、最高支持 160 Kbps、48kHz、立体声,文件封包格式为 .m4v、.mp4 和 .mov;

2:MPEG-4 视频:最高支持 2.5 Mbps、640 x 480 像素、30 fps、Simple Profile 编码,其音频为 AAC-LC 格式、最高支持每声道 160 Kbps、48kHz、立体声,文件封包格式为 .m4v、.mp4 和 .mov;

总而言之,在这里如果你想直接通过Video标签来观看后面的直播,这里就建议选择一个合适的转码模板,例如我只是用来装个逼,犯不着跟钱过不去,所以选择较低的640*360,而且实际上这个分辨率已经能在手机上取得不错的效果了。

2、实现Android端推流

首先下载LSS服务Adnroid推流端的SDK,然后做好相应的配置。在这里有一个地方要特别提一下,这个SDK包里面一共包括了如下几个文件:

SDK包含文件

关于jar文件的引入相信大家都不是问题。但关于so文件的引入,由于官方给的帮助文档还是基于Eclipse+ANT的引入方式(鄙视一个……),因此如果你使用的是Android Studio来作为开发工具,那么请按我下述的方法来操作:

1.在“src/main”目录中新建名为“jniLibs”的目录;

2.将so文件复制、粘贴到“jniLibs”目录内。

注:如果没有引用so文件,可能会在程序执行的时候加载类库失败,有类似如下的DEBUG提示——java.lang.UnsatisfiedLinkError: Couldn't load library xxxx from loader dalvik.system.PathClassLoader

引入了SDK后,接下来就要考虑实际的编码实现了。这里我废话就不多说了,直接示例程序的源代码,以供大家参考。具体请点击如下地址下载:

视频直播Android推送端

当你下载代码后,需要将程序当中的推流地址换成你自己的实际地址。具体关于推流与拉流的地址,你可以点击我们开始新创建的直播会话,进入会话详情页面,然后在这个地方获取。

获取视频推流与拉取地址

最终完成的APP效果如下图所示:

Android视频采集与推送效果图

3、实现Web端拉流播放

在Web端拉流播放有很多种实现方式,你可以自由选择使用第三方支持HLS的播放器。当然如果你希望能在直播时做一些更深层次的尝试,例如字幕、播放列表、广告、互动、直播授权等等,那么你也可以选择使用百度自家的T5播放内核。

而对于我来说仅仅为了装逼的需求,显然不足以推动我去继续花费时间,而且我需要的是别人能很轻松、没有任何限制的直接进入直播,不然我还怎么装逼?因此我选择了最简单粗暴的方式,就是直接做了一个适配移动端的H5页面,然后在里面使用了video标签,通过微信等方式直接分享给好友。关键代码如下:

从个人隐私角度来考虑,所以我对上述拉流地址中的关键部分采用了XXXXXXXXX来代替,请大家不要在意这些小细节。实际使用的时候换上你自己的地址就好了。

4、装逼时刻

好了,接下来就是最后一步,你只需要把你刚做的移动端H5页面上传到你自己的虚拟空间或者云主机上,然后用微信扫描链接地址,并分享给你的女朋友(如果你真有的话……),或者你的好基友,就可以开启装逼模式了!切记,装逼莫太过,容易遭雷P……

四、一点感慨

随着信息技术的发展与开放,公有云技术的稳步提升,之前的一些技术难点,现在已经不再是困扰我们的瓶颈。从我个人来说,以视频直播为例,仅管我理解它的原理,也明白它的运行机制和关键的技术要点,但如果不是身在“云”的时代,让我从无到有搭建一套视频直播的架构并应用于实际生产,显示不是一朝一夕的事情。而现在半天的时间,借助云服务,我就能快速完成一个装逼的视频直播功能。感恩这个时代!这是一个属于我们技术人员的时代!

这次的分享先到这里,请允许我做个广告。如果大家觉得这篇文章能够给你带来一些小帮助,那么也想请大家顺手帮我一个小忙。点击速课网的链接,然后进入平台注册一个账号(手机、邮箱或者第三方登录都可以,绝不会骚扰大家),有时间的话请体验一下我们的产品。速课网是一个专注于移动教学课件建设的平台,目前已达成种子轮,诚邀各位技术大神与运营牛人的加入。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,736评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,167评论 1 291
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,442评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,902评论 0 204
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,302评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,573评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,847评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,562评论 0 197
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,260评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,531评论 2 245
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,021评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,367评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,016评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,068评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,827评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,610评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,514评论 2 269

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 170,566评论 25 707
  • 点击查看原文 Web SDK 开发手册 SDK 概述 网易云信 SDK 为 Web 应用提供一个完善的 IM 系统...
    layjoy阅读 13,339评论 0 15
  • (万尚学习会) 姓名:Matty 部门:业务部 组别:待定 【知~学习】 阅读《活法》第三章 【内容感悟分享) 能...
    黄科进阅读 5,689评论 0 0
  • 题记:所赖君子见机,达人知命。老当益壮,宁移白首之心?穷且益坚,不坠青云之志。 前几天坐车从昆山到南昌门店学习护墙...
    菬你这么说阅读 1,090评论 5 5
  • 为了筹备心理团体辅导课校园活动,我们一群心理学爱好者从四月份就开始了准备工作。 先是小组内选拔参讲教师,试讲,评课...
    宛如初夏阅读 529评论 1 2