高仿bilibili项目
Github链接:(https://github.com/MichaelHuyp/Bilibili_Wuxianda)
目前完成了如下功能:
- 启动页的业务逻辑
- 带有阻力效果的轮播图
- 直播、推荐、番剧界面的搭建
- 基于ijkplayer的视频播放器(普通视频、直播视频)
七月三十号更新:
- 个人中心模块的搭建
-
集成基于来疯直播开源的LFLiveKit的手机直播功能
- RTMP推流
- 镜像 、美颜、手电筒、摄像头方向
-
更新展示
![](https://i-blog.csdnimg.cn/blog_migrate/295c81223f41b3f7bf2be759ce4ab38c.webp?x-image-process=image/format,png)
![](https://i-blog.csdnimg.cn/blog_migrate/d1bb09331ce8110e604e48559efcab39.webp?x-image-process=image/format,png)
关于电脑上如何查看直播:
- 首先确保你的电脑是否安装了Homebrew
man brew
- 如果没有安装,则在终端输入以下命令安装
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
- 第一步
brew tap homebrew/nginx
- 第二步
brew install nginx-full --with-rtmp-module
- 第三步,在终端输入
nginx
- 第四步,打开浏览器打开http://localhost:8080 如果出现以下所示,那么环境就搭建好了
![](https://i-blog.csdnimg.cn/blog_migrate/df2f14abd759ce75523c85c940b3fafb.webp?x-image-process=image/format,png)
demo
- 第五步,在终端输入
brew info nginx-full
- 第六步,在终端 Command+F 搜索nginx.conf
![](https://i-blog.csdnimg.cn/blog_migrate/644c84b15cb7fa338d418d892f40259c.webp?x-image-process=image/format,png)
demo
- 第七步,进入该路径,以文本编辑形式打开配置文件,直接在最后面插入以下代码
rtmp {
server {
listen 1935;
application rtmplive {
live on;
record off;
}
}
}
![](https://i-blog.csdnimg.cn/blog_migrate/f0493d495a88f98369be289d63a3d167.webp?x-image-process=image/format,png)
demo
![](https://i-blog.csdnimg.cn/blog_migrate/ee3a3cffb978fc902d8937eeec67470d.webp?x-image-process=image/format,png)
demo
- 第八步,查看nginx版本号,在终端输入:
nginx -v
![](https://i-blog.csdnimg.cn/blog_migrate/fc2f8163524e9d3192d3b1e84702760a.webp?x-image-process=image/format,png)
demo
- 第九步,重启ngix,把版本号替换成你电脑的nginx的版本号
/usr/local/Cellar/nginx-full/1.10.1/bin/nginx -s reload
接下来就可以试下直播的效果了**
- 下载VLC客户端
![](https://i-blog.csdnimg.cn/blog_migrate/723034cc6dafc95d8cd9923a50ed7450.webp?x-image-process=image/format,png)
demo
- 打开项目代码,找到YPPhoneLiveViewController.m文件,将你电脑的ip替换到此处
![](https://i-blog.csdnimg.cn/blog_migrate/a805aaf40a5894df23633b70970dfb6d.webp?x-image-process=image/format,png)
demo
- 运行项目,点击个人信息界面的我要直播,然后点击开始直播,然后打开VLC客户端,然后File->open network->输入:rtmp://(你的ip):1935/rtmplive/room
![](https://i-blog.csdnimg.cn/blog_migrate/c2c6dc041b23fefa3bb0ca1d58c31466.webp?x-image-process=image/format,png)
demo
![](https://i-blog.csdnimg.cn/blog_migrate/af0da2d5a508c88a9f993c0a8b413cec.webp?x-image-process=image/format,png)
demo
- 好了如果顺利了话。。。。 就可以测试一下直播了[]~( ̄▽ ̄)~*
项目展示
启动页
![](https://i-blog.csdnimg.cn/blog_migrate/bff74b310505c40bbebe6b7ebbf1a5d4.webp?x-image-process=image/format,png)
launch
![](https://i-blog.csdnimg.cn/blog_migrate/af1bbe9150bcfb2aa52851268401835b.webp?x-image-process=image/format,png)
launch
![](https://i-blog.csdnimg.cn/blog_migrate/c1a9258aea2ed7d26cab606ed4716929.webp?x-image-process=image/format,png)
launch
推荐界面
![](http://oayb998oo.bkt.clouddn.com/recommondgif.gif)
recommend
![](http://oayb998oo.bkt.clouddn.com/recommonddetailgif.gif)
recommend
![](http://oayb998oo.bkt.clouddn.com/bangumidetail2gif.gif)
recommend
直播以及番剧界面
![](http://oayb998oo.bkt.clouddn.com/liveandbangumiui.gif)
liveandBangumi
基于ijkplayer的播放器
![](http://oayb998oo.bkt.clouddn.com/live1gif.gif)
movie
![](http://oayb998oo.bkt.clouddn.com/live2gif.gif)
movie
![](http://oayb998oo.bkt.clouddn.com/live3gif.gif)
movie
![](http://oayb998oo.bkt.clouddn.com/bangumimovie3.gif)
文/MichaelHuyp(简书作者)
原文链接:http://www.jianshu.com/p/09eebb030331
原文链接:http://www.jianshu.com/p/09eebb030331