├── video-js ├── video-js.swf ├── ie8 │ └── videojs-ie8.min.js └── video-js.min.css ├── stat ├── upstart.conf ├── stat.py └── messenger.py ├── README.md ├── LICENSE ├── ccl ├── style.min.css └── CommentCoreLibrary.min.js ├── index.html └── main.js /video-js/video-js.swf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yunbademo/yunba-live-video/HEAD/video-js/video-js.swf -------------------------------------------------------------------------------- /stat/upstart.conf: -------------------------------------------------------------------------------- 1 | description "yunba air-condition" 2 | 3 | start on runlevel [2345] 4 | stop on runlevel [!2345] 5 | 6 | respawn 7 | respawn limit 10 5 8 | 9 | console none 10 | 11 | exec /usr/bin/python /home/pi/yunba-live-video/stat/stat.py -f /home/pi/yunba-live-video/stat/stat.json 12 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | 使用 [云巴][1] 服务实现的视频直播案例,访问 [在线演示地址][2]。 2 | 3 | 弹幕及点赞 4 | -------- 5 | 6 | 使用 [云巴 Javascript SDK][3] 实时地将某个用户的弹幕及点赞信息分发给所有用户。 7 | 8 | 视频流 9 | -------- 10 | 11 | 使用了阿里云的视频直播服务来实现视频流的分发。播放时有两种格式,支持 Flash 的浏览器会优先播放 RTMP 视频流,而不支持 Flash 的浏览器(如 iOS 上的 Safari)会播放 HLS 格式视频流,由于阿里云 HLS 转码所需时间较长,所以播放 HLS 时视频延时会比较大。 12 | 13 | 浏览器兼容性 14 | -------- 15 | 16 | 当浏览器不支持 Flash 时,播放器会尝试播放 HLS 格式视频流,它需要从阿里云服务器下载一个 m3u8 索引文件,这是 HTTP 协议的,但有些浏览器禁止跨域下载,包括 PC 端的 Chrome,Firefox,Internet Explorer,如果使用上述浏览器,请确认其支持 Flash。 17 | 18 | [1]: http://yunba.io/ 19 | [2]: http://yunbademo.github.io/yunba-live-video/ 20 | [3]: http://yunba.io/docs2/Javascript_SDK/ 21 | 22 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2016 yunbademo 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /ccl/style.min.css: -------------------------------------------------------------------------------- 1 | .abp{position:relative}.abp .container{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);position:absolute;display:block;overflow:hidden;margin:0;border:0;top:0;left:0;bottom:0;right:0;z-index:9999;touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.abp .container .cmt{-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;position:absolute;padding:3px 0 0;margin:0;color:#fff;font-family:SimHei,SimSun,Heiti,"MS Mincho",Meiryo,"Microsoft YaHei",monospace;font-size:25px;text-decoration:none;text-shadow:-1px 0 black,0 1px black,1px 0 black,0 -1px #000;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;line-height:100%;letter-spacing:0;word-break:keep-all;white-space:pre}.abp .container .cmt.noshadow{text-shadow:none}.abp .container .cmt.rshadow{text-shadow:-1px 0 white,0 1px white,1px 0 white,0 -1px #fff}@font-face{font-family:"\9ED1\4F53";src:local('SimHei')}@font-face{font-family:"\5B8B\4F53";src:local('SimSun')}@font-face{font-family:"\534E\6587\6977\4F53";src:local('SimKai')}@font-face{font-family:"\5E7C\5706";src:local('YouYuan')}@font-face{font-family:"\5FAE\8F6F\96C5\9ED1";src:local('Microsoft YaHei')} -------------------------------------------------------------------------------- /stat/stat.py: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env python 2 | #-*- coding: utf-8 -*- 3 | 4 | import os 5 | import sys 6 | import json 7 | import logging 8 | import argparse 9 | from messenger import Messenger 10 | 11 | logger = logging.getLogger('stat') 12 | logging.basicConfig(level=logging.DEBUG) 13 | 14 | APPKEY = '56a0a88c4407a3cd028ac2fe' 15 | TOPIC_PRESENCE = 'like/p' 16 | TOPIC_LIKE = 'like' 17 | TOPIC_STAT = 'stat' 18 | ALIAS = 'stat_agent' 19 | 20 | class Stat(Messenger): 21 | 22 | def __init__(self, appkey, alias, customid, file, presence, like): 23 | self.__logger = logging.getLogger('stat.Stat') 24 | self.__logger.debug('init') 25 | Messenger.__init__(self, appkey, alias, customid) 26 | 27 | self.file = file 28 | 29 | self.data = {} 30 | self.data['presence'] = presence 31 | self.data['like'] = like 32 | 33 | if presence != 0 or like != 0: 34 | self.write_data() 35 | else: 36 | self.read_data() 37 | 38 | def __del__(self): 39 | self.__logger.debug('del') 40 | 41 | def on_message(self, args): 42 | self.__logger.debug('on_message: %s', args) 43 | 44 | if not isinstance(args, dict): 45 | return 46 | 47 | if args['topic'] == TOPIC_PRESENCE: 48 | msg = json.loads(args['msg']) 49 | if msg['alias'] != self.alias: 50 | if msg['action'] == 'join': 51 | self.data['presence'] += 1 52 | # 发初始信息给上线的客户端 53 | self.publish_to_alias(msg['alias'], json.dumps(self.data)) 54 | elif msg['action'] == 'offline': 55 | self.data['presence'] -= 1 56 | 57 | # 广播统计信息 58 | # 之所以要广播在线信息而不是像点赞那样由客户端自己订阅 presence, 是因为客户端订阅 presence 后下线,其他客户端会收到 2 次 offline 消息 59 | self.publish(json.dumps(self.data), TOPIC_STAT, 1) 60 | 61 | self.write_data() 62 | self.__logger.debug(self.data) 63 | elif args['topic'] == TOPIC_LIKE: 64 | self.data['like'] += 1 65 | self.write_data() 66 | self.__logger.debug(self.data) 67 | 68 | def on_set_alias(self, args): 69 | self.__logger.debug('on_set_alias: %s', args) 70 | self.socketIO.emit('subscribe', {'topic': TOPIC_LIKE}) 71 | self.socketIO.emit('subscribe', {'topic': TOPIC_PRESENCE}) 72 | 73 | def read_data(self): 74 | if not os.path.exists(self.file): 75 | return 76 | 77 | with open(self.file, 'r') as f: 78 | data = f.read() 79 | self.data = json.loads(data) 80 | 81 | def write_data(self): 82 | with open(self.file, 'w') as f: 83 | data = json.dumps(self.data) 84 | f.write(data) 85 | 86 | def main(): 87 | parser = argparse.ArgumentParser(description='Statistics for Yunba-live-video demo') 88 | parser.add_argument('--file', '-f', type=str, help='The path of data file', default='./stat.json') 89 | parser.add_argument('--presence', '-p', type=int, help='initial presence number', default=0) 90 | parser.add_argument('--like', '-l', type=int, help='initial like number', default=0) 91 | args = parser.parse_args() 92 | 93 | stat = Stat(APPKEY, ALIAS, ALIAS, args.file, args.presence, args.like) 94 | 95 | while True: 96 | stat.loop() 97 | 98 | if __name__ == '__main__': 99 | main() 100 | -------------------------------------------------------------------------------- /stat/messenger.py: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env python 2 | 3 | import time 4 | import sys 5 | import logging 6 | from socketIO_client import SocketIO 7 | 8 | APPKEY = '56a0a88c4407a3cd028ac2fe' 9 | TOPIC = 'test' 10 | ALIAS = 'test' 11 | 12 | logger = logging.getLogger('messenger') 13 | 14 | class Messenger: 15 | 16 | def __init__(self, appkey, alias, customid): 17 | self.__logger = logging.getLogger('messenger.Messenger') 18 | self.__logger.info('init') 19 | 20 | self.appkey = appkey 21 | self.customid = customid 22 | self.alias = alias 23 | 24 | self.socketIO = SocketIO('182.92.1.46', 3000) 25 | self.socketIO.on('socketconnectack', self.on_socket_connect_ack) 26 | self.socketIO.on('connack', self.on_connack) 27 | self.socketIO.on('puback', self.on_puback) 28 | self.socketIO.on('suback', self.on_suback) 29 | self.socketIO.on('message', self.on_message) 30 | self.socketIO.on('set_alias_ack', self.on_set_alias) 31 | self.socketIO.on('get_topic_list_ack', self.on_get_topic_list_ack) 32 | self.socketIO.on('get_alias_list_ack', self.on_get_alias_list_ack) 33 | # self.socketIO.on('puback', self.on_publish2_ack) 34 | self.socketIO.on('recvack', self.on_publish2_recvack) 35 | self.socketIO.on('get_state_ack', self.on_get_state_ack) 36 | self.socketIO.on('alias', self.on_alias) 37 | 38 | def __del__(self): 39 | self.__logger.info('del') 40 | 41 | def loop(self): 42 | self.socketIO.wait(seconds=0.002) 43 | 44 | def on_socket_connect_ack(self, args): 45 | self.__logger.debug('on_socket_connect_ack: %s', args) 46 | self.socketIO.emit('connect', {'appkey': self.appkey, 'customid': self.customid}) 47 | 48 | def on_connack(self, args): 49 | self.__logger.debug('on_connack: %s', args) 50 | self.socketIO.emit('set_alias', {'alias': self.alias}) 51 | 52 | def on_puback(self, args): 53 | self.__logger.debug('on_puback: %s', args) 54 | 55 | def on_suback(self, args): 56 | self.__logger.debug('on_suback: %s', args) 57 | 58 | def on_message(self, args): 59 | self.__logger.debug('on_message: %s', args) 60 | 61 | def on_set_alias(self, args): 62 | self.__logger.debug('on_set_alias: %s', args) 63 | 64 | def on_get_alias(self, args): 65 | self.__logger.debug('on_get_alias: %s', args) 66 | 67 | def on_alias(self, args): 68 | self.__logger.debug('on_alias: %s', args) 69 | 70 | def on_get_topic_list_ack(self, args): 71 | self.__logger.debug('on_get_topic_list_ack: %s', args) 72 | 73 | def on_get_alias_list_ack(self, args): 74 | self.__logger.debug('on_get_alias_list_ack: %s', args) 75 | 76 | def on_publish2_ack(self, args): 77 | self.__logger.debug('on_publish2_ack: %s', args) 78 | 79 | def on_publish2_recvack(self, args): 80 | self.__logger.debug('on_publish2_recvack: %s', args) 81 | 82 | def on_get_state_ack(self, args): 83 | self.__logger.debug('on_get_state_ack: %s', args) 84 | 85 | def publish(self, msg, topic, qos): 86 | self.__logger.debug('publish: %s', msg) 87 | self.socketIO.emit('publish', {'topic': topic, 'msg': msg, 'qos': qos}) 88 | 89 | def publish_to_alias(self, alias, msg): 90 | self.__logger.debug('publish_to_alias: %s %s', alias, msg) 91 | self.socketIO.emit('publish_to_alias', {'alias': alias, 'msg': msg}) 92 | 93 | if __name__ == '__main__': 94 | 95 | logging.basicConfig(level=logging.DEBUG) 96 | 97 | m = Messenger(APPKEY, ALIAS, ALIAS); 98 | 99 | while True: 100 | m.loop() 101 | time.sleep(0.02) 102 | 103 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | 5 | 6 | 7 |