仿:Android - 微信 - 朋友圈 - 小视频播放,多 4 句废话算我输

作者:林冠宏 / 指尖下的幽灵

腾讯云+社区:https://cloud.tencent.com/developer/user/1148436/activities 掘金:https://juejin.im/user/587f0dfe128fe100570ce2d8 博客:http://www.cnblogs.com/linguanh/ GitHub : https://github.com/af913337456/

为了您的直观体验,请务必看完下面 gif 图,源码 gitHub 链接在其之后。

做这个东西的目的是: 完善毕设: 一个没依赖各种云,而使用C++和Golang做后端的仿微信APP

为了避免大家浪费时间,直接先看下面的 Gif,略大,请耐心点。看完后,若你觉得会需要到,那么就请听我继续。 git显示,略大,请耐心

GitHub 链接

废话一句:这个显示只是其中一部分,重点是:FFmpeg + Camera 的录制部分,所以,你的星星(star)也是一种更新通知 (我通知你)。

https://github.com/af913337456/WeChatVideoView

功能点

如果你看完上面的gif图,你会发现如下几点功能 (Function list):

1,直观的

  • 播放前,可以显示封面缩略图
  • 播放时,如果还没有本地缓存,那么先进行下载
  • 下载过程中,显示圆型区域进度效果
  • 下载后,播放完毕后可以循环播放
  • 播放已经播放过的,是具备本地缓存的,也就是既能播放网络,也能播放本地

2,隐藏的

  • 低耗电量
  • 低内存占用
  • 无延迟图与视频切换
  • 低耦合,高内聚,几行代码接入,一共3个类

解析

直观的功能点,几乎就是和新版微信的一样,从朋友圈点击一个视频,然后进入到一个 Activity 页面进行加载以及播放。

为什么低耗电量和低内存占用?

因为采用的是 SurfaceView 而不是 TextureView,图与视频切换的切换延迟也是这个原因。

在你的 Activity 中这样使用

这样就会以 id 为 activity_main 的 Relativelayout 为父容器装载。 因为要避免内存泄露,所以你还需要做完下面的一些步骤,不会超过6行代码。

技术点 (可以不看)

1,下载操作:

自定义 AsyncTask。PS:AsyncTask 比 Thread + handler 重量级却方便(回调进度),但是,如果是 即放即用,结束即销毁,那么,no need to think about this;

2,视频播放组合拳: surfaceView + mediaPlayer

surfaceView 用作显示,mediaPlayer 用来解码 两者关系: mediaPlayer 绑定 surfaceView。

为什么不用 TextrueView?
3,进度区域

自定义 View,3个画笔绘制,一个圆,一个边,一个扇区。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏ZKEASOFT

会HTML/CSS就可以轻松创建网站

网站其本质就是HTML + CSS 外加一些JavaScript构成的。所以基本上只要你会一些前端,就可以开始花样搭网站了。

62121
来自专栏编程

网站代码优化我们必须要做的那些事

想必有很多的SEO小白只知道网站的优化要做内容、用户体验、站外这些优化,非也,代码优化也是很重要的,搜索引擎蜘蛛只能看懂网站的代码,另外网站代码优化的好坏也决定...

1748
来自专栏AhDung

【C#】组件发布:MessageTip,轻快型消息提示窗

原文和网盘demo我就不更新了,项目已开源到如下几处,有兴趣的朋友请关注,欢迎fork/push/pull:

822
来自专栏星流全栈

最新的15 个有趣的前端库(December 2016)

1443
来自专栏拂晓风起

cocos2d-js 入门 (主要是HTML5)

3505
来自专栏互联网杂技

20个为前端开发者准备的文档和指南7

1. DevTools Challenger 它是一个交互式的站点,演示了如何在Firefox开发者版本里使用其拥有的新的相关动画功能。 ? 2. The HT...

3495
来自专栏程序员的诗和远方

写个小编辑器娱乐自己

上周有两天感冒低烧了,躺在床上昏昏沉沉听罗胖的发布会,说到《黑天鹅》书中的一句话:现代社会给我们的双重惩罚是,既让我们衰老的更快,又让我们活得更长。深有同感,...

3157
来自专栏IT大咖说

2018年前端流行哪些技术?

1971
来自专栏DeveWork

丰富排版页面——为你的wordpress主题添加短代码形式美化框

相信有些wordpresser知道这个东东,在一些主题上这是标配,如deve主题、iartwork主题。原理大概是通过wordpress本身的短代码功能,事先在...

3166
来自专栏JackieZheng

AngularJS in Action读书笔记5(实战篇)——在directive中引入D3饼状图显示

前言:   "宁肯像种子一样等待    也不愿像疲惫的陀螺    旋转得那样勉强"   这是前几天在查资料无意间看到的一位园友的签名,看完后又读了两遍,觉得很有...

2416

扫码关注云+社区