Live：主流技术构建即时聊天室演示应用，直播源码

admin

Live ：服务端采用 RTMP（Nginx）, WebSocket（Socket.io），客户端 VideoCore＋IJKPlayer 构建即时聊天室演示应用。
这个项目是为了演示如何建立一个现场直播的应用程序。
它包括这些功能：
创建一个房间广播你的直播流
加入一个房间看现场
发送喜欢，礼物和评论


简介：

• RTMP server - Nginx RTMP module(https://github.com/arut/nginx-rtmp-module)
• WebSocket server - Socket.io(http://socket.io/)
• iOS client - VideoCore(https://github.com/jgh-/VideoCore) to push stream, IJKPlayer(https://github.com/Bilibili/ijkplayer) to play stream
  

怎么运行：
可以使用我建立的。一个测试服务器在139.196.179.230，所以你可以直接运行iOS项目。
1. Nginx RTMP server
你可以设置自己的RTMP服务器的指导可以在这里找到：

• https://github.com/arut/nginx-rtmp-module
• https://www.atlantic.net/community/howto/install-rtmp-ubuntu-14-04/
  

2. WebSocket server
进入live-server目录，运行npm install，然后启动服务器，命令为：node app.js


3. iOS client
进入live-ios目录，运行pod install（需要使用cocoapods的版本为0.39.0）
在Config.swift配置文件中，更新你的服务器地址：

1. struct Config {
   
2.     static var rtmpPushUrl = "rtmp://139.196.179.230/mytv/"
   
3.     static var rtmpPlayUrl = "rtmp://139.196.179.230/mytv/"
   
4.     static var serverUrl = "http://139.196.179.230:3000"
   
5. }
   

复制代码

该应用程序也可以运行在模拟器上，但要直播，你需要在一个真正的设备上运行它。

备注：
1，流媒体
基本的流媒体流程：
广播->协议->媒体服务器-> CDN -> RTMP或HLS ->观众
最简单的情况下，我们不需要一个CDN服务器，然后流的过程
广播->协议->媒体服务器 -> RTMP或HLS ->观众

就像这样，boadcaster推直播使用RTMP协议的媒体服务器，观众将流从服务器使用RTMP或HLS协议。

对于RTMP和HLS的一些解释：
RTMP协议是用于：音频、视频或数据，是最初由Macromedia公司的专有协议（由Adobe）。该协议是基于TCP的，提供持久连接。总之，RTMP封装MP3 / AAC音频和MP4、FLV视频多媒体流。
HLS：HTTP直播流媒体称为HLS。顾名思义，它是流媒体基于HTTP通信协议；通过苹果的QuickTime，部分Safari，OS X和iOS产品的开发。那怎么使用呢？它打破了整体流成一系列小的基于HTTP的文件（。TS传输流）。这些传输流文件在文件索引m3u8。它需要先下载的m3u8播放列表播放直播。


对于媒体服务器，有几种选择：
Adobe媒体服务器
Red5
Nginx的rtmp模块
crtmpserver


在设置服务器，你可以测试使用ffmpeg
(install it by brew install ffmpeg).


推流

1. ffmpeg -f avfoundation -framerate 30  -i "1:0" -f flv rtmp://server-url

复制代码

观看流：去这个网站：https://www.hlsplayer.net/rtmp-player

P.S.很多直播云已经覆盖了媒体服务器和CDN的部分。你只需要推/拉从它的流。

2. iOS RTMP libs
有几个开源项目支持RTMP，本项目采用：

• VideoCore(https://github.com/jgh-/VideoCore) to push rtmp stream
• IJKPlayer(https://github.com/Bilibili/ijkplayer) to pull rtmp stream
  

你可以在自己的项目页面找到这些库的使用。
3. Websocket server

本项目采用socket.io处理客户端-服务器通信，逻辑很简单，在服务器端：

1. var rooms = []
   
2. 
   
3. io.on('connection', function(socket) {
   
4. 
   
5.   socket.on('create_room', function(roomKey) {
   
6.     rooms.push(roomKey)
   
7.     socket.roomKey = roomKey;
   
8.     socket.join(roomKey);
   
9.   });
   
10. 
    
11.   socket.on('close_room', function(roomKey) {
    
12.     closeRoom(roomKey)
    
13.   });
    
14. 
    
15.   socket.on('disconnect', function(roomKey) {
    
16.     if (socket.roomKey) {
    
17.       closeRoom(socket.roomKey)
    
18.     }
    
19.   });
    
20. 
    
21.   socket.on('join_room', function(roomKey) {
    
22.     socket.join(roomKey);
    
23.   });
    
24. 
    
25.   socket.on('upvote', function(roomKey) {
    
26.     io.to(roomKey).emit('upvote')
    
27.   });
    
28. 
    
29.   socket.on('comment', function(data) {
    
30.     io.to(data.roomKey).emit('comment', data)
    
31.   });
    
32. });

复制代码

在客户端，利用客户端socket.io swift  客户端(https://github.com/socketio/socket.io-client-swift),，

逻辑也很简单：
创建，加入或关闭一个房间

1. socket.on("connect") {data, ack in
   
2.     self.socket.emit("create_room", self.room.key)
   
3. }
   
4. 
   
5. socket.on("connect") {data, ack in
   
6.     self.socket.emit("join_room", self.room.key)
   
7. }
   
8. 
   
9. socket.emitWithAck("close_room", room.key)(timeoutAfter: 0) {data in
   
10.     self.socket.disconnect()
    
11. }

复制代码

发布喜欢和评论事件：

1. socket.emit("upvote", room.key)
   
2. socket.emit("comment", [
   
3.     "roomKey": room.key,
   
4.     "text": text
   
5. ])

复制代码

监听喜欢和评论事件：

1. socket.on("upvote") {data ,ack in
   
2.     self.emitterView.emitImage(R.image.heart()!)
   
3. }
   
4. 
   
5. socket.on("comment") {data ,ack in
   
6.     let comment = Comment(dict: data[0] as! [String: AnyObject])
   
7.     self.comments.append(comment)
   
8.     self.tableView.reloadData()
   
9. }

复制代码

源码下载地址：

游客，如果您要查看本帖隐藏内容请回复

Live：主流技术构建即时聊天室演示应用，直播源码
http://bbs.jiandaima.com/thread-512-1-1.html

。。

paddington

登录可见评论

liveCome

登录可见评论

xiangzi

登录可见评论

xiangzi

登录可见评论

lykie_w4

登录可见评论

阿一

登录可见评论

rootsdroid

登录可见评论

canga

登录可见评论

麦多多ova

登录可见评论