魔坊APP项目-28-直播、显示房间列表

最新推荐文章于 2022-05-10 16:59:38 发布
最新推荐文章于 2022-05-10 16:59:38 发布
阅读量717 收藏
点赞数
分类专栏： 10项目2 文章标签： APP项目
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45957580/article/details/112616079
版权

直播

显示房间列表

把上面的客户端live_list.html,修改成live.html,并新建live_list.html,代码:

<!DOCTYPE html>
<html>
<head>
	<title>好友列表</title>
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
	<meta charset="utf-8">
	<link rel="stylesheet" href="../static/css/main.css">
	<script src="../static/js/vue.js"></script>
	<script src="../static/js/axios.js"></script>
	<script src="../static/js/main.js"></script>
	<script src="../static/js/uuid.js"></script>
	<script src="../static/js/settings.js"></script>
</head>
<body>
	<div class="app setting" id="app">
		<div class="bg">
      <img src="../static/images/rooms_bg.png">
    </div>
		<img class="back" @click="goto_home" src="../static/images/user_back.png" alt="">
		<div class="add_friend_btn" @click="add_room">
			<img src="../static/images/add_room.png" alt="">
		</div>
    <div class="friends_list room_list">
			<div class="item" v-for="room in rooms">
				<div class="avatar">
					<img class="user_avatar" :src="room.avatar" alt="">
				</div>
				<div class="info">
					<p class="username">{{room.name}}</p>
					<p class="fruit">人数：{{room.num}}</p>
				</div>
				<div class="behavior pick">直播</div>
				<div class="goto"><img src="../static/images/arrow1.png" alt=""></div>
			</div>
		</div>
	</div>
	<script>
	apiready = function(){
		init();
		new Vue({
			el:"#app",
			data(){
				return {
          rooms:[{"avatar":"../static/images/avatar.png",name:"房间名称",num:5}],
					prev:{name:"",url:"",params:{}},
					current:{name:"live",url:"live_list.html",params:{}},
				}
			},
      created(){

      },
			methods:{
        add_room(){

        },
        goto_home(){
          // 退出当前页面
          this.game.outFrame("live","live_list.html", this.current);
        },
			}
		});
	}
	</script>
</body>
</html>

main.css，代码：

.room_list{
  position: absolute;
  top: 18rem;
}

获取服务端的直播流列表, live_list.html代码:

<!DOCTYPE html>
<html>
<head>
	<title>房间列表</title>
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
	<meta charset="utf-8">
	<link rel="stylesheet" href="../static/css/main.css">
	<script src="../static/js/vue.js"></script>
	<script src="../static/js/axios.js"></script>
	<script src="../static/js/main.js"></script>
	<script src="../static/js/uuid.js"></script>
	<script src="../static/js/settings.js"></script>
</head>
<body>
	<div class="app user setting" id="app">
		<div class="bg">
      <img src="../static/images/rooms_bg.png">
    </div>
		<img class="back" @click="goto_home" src="../static/images/user_back.png" alt="">
		<div class="add_friend_btn" @click="add_room">
			<img src="../static/images/add_room.png" alt="">
		</div>
    <div class="friends_list room_list">
			<div class="item" v-for="room in rooms">
				<div class="avatar">
					<img class="user_avatar" :src="room.user && settings.static_url+room.user.avatar" alt="">
				</div>
				<div class="info">
					<p class="username">{{room.room_name}}</p>
					<p class="fruit">人数：{{room.clients_number}}</p>
				</div>
				<div class="behavior pick" v-if='room.status'>直播</div>
				<div class="goto" @click='goto_live(room.id,room.name)'><img src="../static/images/arrow1.png" alt=""></div>
			</div>
		</div>
	</div>
	<script>
	apiready = function(){
		init();
		new Vue({
			el:"#app",
			data(){
				return {
          rooms:[],  // 房间列表
					prev:{name:"",url:"",params:{}},
					current:{name:"live",url:"live_list.html",params:{}},
				}
			},
      created(){
        this.get_room_list();
      },
			methods:{
        get_room_list(){
          var token = this.game.get('access_token') || this.game.fget('access_token');
          this.axios.post('',{
            'jsonrpc': '2.0',
            'id': this.uuid(),
            'method': 'Live.stream.list',
            'params': {}
          },{
            headers:{
              Authorization: 'jwt ' + token,
            }
          }).then(response=>{
            if (parseInt(response.data.result.errno) === 1000) {
              this.rooms = response.data.result.stream_list;
            }else {
              this.game.print(response.data.result.errmsg);
            }
          }).catch(error=>{
            // 网络等异常
            this.game.print(error);
          });
        },
        goto_live(room_id,stream_name){
          // 进入房间
          var pageParam = {
            name: this.current.name,
            url: this.current.url,
            room_id: room_id,
            stream_name: stream_name
          }
          this.game.goFrame('room', 'live.html', pageParam);
        },
        add_room(){

        },
        goto_home(){
          // 退出当前页面
          this.game.outWin("live");
        },
			}
		});
	}
	</script>
</body>
</html>

创建房间, add_room.html, 代码:

<!DOCTYPE html>
<html>
<head>
	<title>创建房间</title>
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
	<meta charset="utf-8">
	<link rel="stylesheet" href="../static/css/main.css">
	<script src="../static/js/vue.js"></script>
	<script src="../static/js/axios.js"></script>
	<script src="../static/js/main.js"></script>
	<script src="../static/js/uuid.js"></script>
	<script src="../static/js/settings.js"></script>
</head>
<body>
	<div class="app frame avatar update_password" id="app">
    <div class="box">
      <p class="title">创建房间</p>
      <img class="close" @click="close_frame" src="../static/images/close_btn1.png" alt="">
      <div class="content">
				<input class="password" type="text" v-model="name" placeholder="房间名称....">
				<input class="password password2" type="password" v-model="password" placeholder="房间密码....">
      </div>
      <img @click="add_room_submit" class="btn" src="../static/images/yes.png" alt="">
    </div>
	</div>
	<script>
	apiready = function(){
		init();
		new Vue({
			el:"#app",
			data(){
				return {
					name:"",
					password:"",
					prev:{name:"",url:"",params:{}},
					current:{name:"add_room",url:"add_room.html",params:{}},
				}
			},
			methods:{
        close_frame(){
          this.game.outFrame("add_room");
        },
        add_room_submit(){
					// 提交数据
          var token = this.game.get("access_token") || this.game.fget("access_token");
          this.axios.post("",{
            "jsonrpc": "2.0",
            "id": this.uuid(),
            "method": "Live.stream",
            "params": {
							room_name: this.name,
							password: this.password
						}
          },{
            headers:{
              Authorization: "jwt " + token,
            }
          }).then(response=>{
            var message = response.data.result;
            if(parseInt(message.errno)==1000){
              this.game.outFrame('add_room');
              api.sendEvent({
                  name: 'add_room_success',
                  extra: {
                    stream_name:message.data.stream_name,
                    room_id:message.data.room_id,
                  }
              });

            }else{
                this.game.print(response.data.result.errmsg);
            }
          }).catch(error=>{
            // 网络等异常
            this.game.print(error);
          });
        },
			}
		});
	}
	</script>
</body>
</html>

服务端接口创建房间密码, live/models.py ,代码:


from application.utils.models import BaseModel, db
class LiveStream(BaseModel):
    """直播流管理"""
    __tablename__ = 'mf_live_stream'
    name = db.Column(db.String(255), unique=True, comment='流名称')
    room_name = db.Column(db.String(255), default='未命名', comment='房间名称')
    room_password = db.Column(db.String(255), default='', comment='房间密码')
    user = db.Column(db.Integer, comment='房主')

class LiveRoom(BaseModel):
    """直播间"""
    __tablename__ = 'mf_live_room'
    stream_id = db.Column(db.Integer, comment='直播流ID')
    user = db.Column(db.Integer, comment='用户ID')

终端执行,命令:

python manage.py db migrate -m "add live password"
python manage.py db upgrade

服务端创建房间接口, 新增密码字段并验证密码才可以进入房间,
live/views.py, 代码:


from application import jsonrpc, db
from message import ErrorMessage as message
from status import APIStatus as status
from flask_jwt_extended import jwt_required, get_jwt_identity
from application.apps.users.models import User
from .models import LiveStream, LiveRoom
from datetime import datetime
import random

@jsonrpc.method('Live.stream')
@jwt_required
def live_stream(room_name, password):
    """创建直播流"""
    current_user_id = get_jwt_identity()
    user = User.query.get(current_user_id)
    if user is None:
        return {
            'errno': status.CODE_NO_USER,
            'errmsg': message.user_not_exists,
        }

    # 申请创建直播流
    stream = LiveStream.query.filter(LiveStream.user == user.id).first()
    if stream is None:
        stream_name = 'room_%06d%s%06d' % (
        user.id, datetime.now().strftime('%Y%m%d%H%M%S'), random.randint(100, 999999))
        stream = LiveStream(
            name=stream_name,
            user=user.id,
            room_name=room_name,
            room_password=password
        )
        db.session.add(stream)
        db.session.commit()
    else:
        stream.room_name = room_name
        stream.room_password = password
        db.session.commit()
    # 进入房间
    room = LiveRoom.query.filter(LiveRoom.user == user.id, LiveRoom.stream_id == stream.id).first()
    if room is None:
        room = LiveRoom(
            stream_id=stream.id,
            user=user.id
        )
        db.session.add(room)
        db.session.commit()

    return {
        'errno': status.CODE_OK,
        'errmsg': message.ok,
        'data': {
            'stream_name': stream_name,
            'room_name': room_name,
            'room_owner': user.id,
            'room_id': '%04d' % stream.id
        }
    }

from .marshmallow import StreamInfoSchema
from flask import current_app

@jsonrpc.method('Live.stream.list')
@jwt_required
def list_stream():
    """房间列表"""
    current_user_id = get_jwt_identity()
    user = User.query.get(current_user_id)
    if user is None:
        return {
            'errno': status.CODE_NO_USER,
            'errmsg': message.user_not_exists,
            'data': {

            }
        }

    stream_list = LiveStream.query.filter(LiveStream.status == True, LiveStream.is_deleted == False).all()
    sis = StreamInfoSchema()
    data_list = sis.dump(stream_list, many=True)

    # 使用requests发送get请求
    import requests
    stream_response = requests.get(current_app.config['SRS_HTTP_API']+'streams/')
    client_response = requests.get(current_app.config['SRS_HTTP_API']+'clients/')
    import re, json
    stream_text = re.sub(r'[^\{\}\/\,0-9a-zA-Z\"\'\:\[\]\._]', "", stream_response.text)
    client_text = re.sub(r'[^\{\}\/\,0-9a-zA-Z\"\:\[\]\._]', "", client_response.text)
    stream_dict = json.loads(stream_text)
    client_dict = json.loads(client_text)
    for data in data_list:
        data['status'] = False
        for stream in stream_dict['streams']:
            if data['name'] == stream['name']:
                data['status'] = stream['publish']['active']
                break
        data['clients_number'] = 0
        for client in client_dict['clients']:
            if data['name'] == client['url'].split('/')[-1]:
                data['clients_number'] += 1
            if client['publish'] and '/live/' + data['name'] == client['url']:
                data['user']['ip'] = client['ip']
    return {
        'errno': status.CODE_OK,
        'errmsg': message.ok,
        'stream_list': data_list
    }

live/marshmallow.py


from marshmallow_sqlalchemy import SQLAlchemyAutoSchema, auto_field
from .models import LiveStream, db
from application.apps.users.models import User
from marshmallow import post_dump

class StreamInfoSchema(SQLAlchemyAutoSchema):
    id = auto_field()
    name = auto_field()
    room_name = auto_field()
    user = auto_field()
    room_password = auto_field()

    class Meta:
        model = LiveStream
        include_fk = True
        include_relationships = True
        fields = ['id', 'name', 'room_name', 'user', 'room_password']
        sql_session = db.session

    @post_dump()
    def user_format(self, data, **kwargs):
        user = User.query.get(data['user'])
        if user is None:
            return data

        data['user'] = {
            'id': user.id,
            'nickname': user.nickname if user.nickname else "",
            'ip': user.ip_address if user.ip_address else "",
            'avatar': user.avatar if user.avatar else "",
        }
        return data

客户端中判定当房间存在密码时, 用户必须输入密码成功以后才可以进入房间, live_list.html代码:

<!DOCTYPE html>
<html>
<head>
	<title>房间列表</title>
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
	<meta charset="utf-8">
	<link rel="stylesheet" href="../static/css/main.css">
	<script src="../static/js/vue.js"></script>
	<script src="../static/js/axios.js"></script>
	<script src="../static/js/main.js"></script>
	<script src="../static/js/uuid.js"></script>
	<script src="../static/js/settings.js"></script>
</head>
<body>
	<div class="app user setting" id="app">
		<div class="bg">
      <img src="../static/images/rooms_bg.png">
    </div>
		<img class="back" @click="goto_home" src="../static/images/user_back.png" alt="">
		<div class="add_friend_btn" @click="add_room">
			<img src="../static/images/add_room.png" alt="">
		</div>
    <div class="friends_list room_list">
			<div class="item" v-for="room in rooms" @click='goto_live(room.id,room.name,room.room_password)'>
				<div class="avatar">
					<img class="user_avatar" :src="room.user && settings.static_url+room.user.avatar" alt="">
				</div>
				<div class="info">
					<p class="username">{{room.room_name}}</p>
					<p class="fruit">人数：{{room.clients_number}}</p>
				</div>
				<div class="behavior pick" v-if='room.status'>直播</div>
				<div class="goto"><img src="../static/images/arrow1.png" alt=""></div>
			</div>
		</div>
	</div>
	<script>
	apiready = function(){
		init();
		new Vue({
			el:"#app",
			data(){
				return {
          rooms:[],  // 房间列表
					prev:{name:"",url:"",params:{}},
					current:{name:"live",url:"live_list.html",params:{}},
				}
			},
      created(){
        this.get_room_list();
      },
			methods:{
        get_room_list(){
          var token = this.game.get('access_token') || this.game.fget('access_token');
          this.axios.post('',{
            'jsonrpc': '2.0',
            'id': this.uuid(),
            'method': 'Live.stream.list',
            'params': {}
          },{
            headers:{
              Authorization: 'jwt ' + token,
            }
          }).then(response=>{
            if (parseInt(response.data.result.errno) == 1000) {
              this.rooms = response.data.result.stream_list;
            }else {
              this.game.print(response.data.result.errmsg);
            }
          }).catch(error=>{
            // 网络等异常
            this.game.print(error);
          });
        },
        goto_live(room_id,stream_name,room_password){
          // 验证密码
          if(room_password != null){
            api.prompt({
                title: '请输入房间密码!',
                buttons: ['确定', '取消']
            }, (ret, err)=>{
                if( ret.text == room_password ){
                  this.goto_room(room_id,stream_name);
                }else{
                  alert('密码错误!');
                }
            });
          }else {
            this.goto_room(room_id,stream_name);
          }
        },
        goto_room(room_id,stream_name){
          // 进入房间
          var pageParam = {
            name: this.current.name,
            url: this.current.url,
            room_id: room_id,
            stream_name: stream_name
          }
          this.game.goFrame('room', 'live.html', pageParam);
        },
        add_room(){
          this.game.goFrame('add_room', 'add_room.html',this.current, null,{
            type:'push',
            subType: 'from_top',
            duration: 300
          });
          api.addEventListener({
              name: 'add_room_success'
          }, (ret, err)=>{
              if( ret ){
                this.game.print('创建房间成功');
              }
          });
          
        },
        goto_home(){
          // 退出当前页面
          this.game.outWin("live");
        },
			}
		});
	}
	</script>
</body>
</html>

当用户点击返回键退出当前窗口时, 关闭推流
live_list.html, 代码:

<!DOCTYPE html>
<html>
<head>
	<title>房间列表</title>
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
	<meta charset="utf-8">
	<link rel="stylesheet" href="../static/css/main.css">
	<script src="../static/js/vue.js"></script>
	<script src="../static/js/axios.js"></script>
	<script src="../static/js/main.js"></script>
	<script src="../static/js/uuid.js"></script>
	<script src="../static/js/settings.js"></script>
</head>
<body>
	<div class="app user setting" id="app">
		<div class="bg">
      <img src="../static/images/rooms_bg.png">
    </div>
		<img class="back" @click="goto_home" src="../static/images/user_back.png" alt="">
		<div class="add_friend_btn" @click="add_room">
			<img src="../static/images/add_room.png" alt="">
		</div>
    <div class="friends_list room_list">
			<div class="item" v-for="room in rooms" @click='goto_live(room.id,room.name,room.room_password)'>
				<div class="avatar">
					<img class="user_avatar" :src="room.user && settings.static_url+room.user.avatar" alt="">
				</div>
				<div class="info">
					<p class="username">{{room.room_name}}</p>
					<p class="fruit">人数：{{room.clients_number}}</p>
				</div>
				<div class="behavior pick" v-if='room.status'>直播</div>
				<div class="goto"><img src="../static/images/arrow1.png" alt=""></div>
			</div>
		</div>
	</div>
	<script>
	apiready = function(){
		init();
		new Vue({
			el:"#app",
			data(){
				return {
          rooms:[],  // 房间列表
					prev:{name:"",url:"",params:{}},
					current:{name:"live",url:"live_list.html",params:{}},
				}
			},
      created(){
        setInterval(()=>{
          this.get_room_list();
        },3000);
      },
			methods:{
        get_room_list(){
          var token = this.game.get('access_token') || this.game.fget('access_token');
          this.axios.post('',{
            'jsonrpc': '2.0',
            'id': this.uuid(),
            'method': 'Live.stream.list',
            'params': {}
          },{
            headers:{
              Authorization: 'jwt ' + token,
            }
          }).then(response=>{
            if (parseInt(response.data.result.errno) == 1000) {
              this.rooms = response.data.result.stream_list;
            }else {
              this.game.print(response.data.result.errmsg);
            }
          }).catch(error=>{
            // 网络等异常
            this.game.print(error);
          });
        },
        goto_live(room_id,stream_name,room_password){
          // 验证密码
          if(room_password != null){
            api.prompt({
                title: '请输入房间密码!',
                buttons: ['确定', '取消']
            }, (ret, err)=>{
                if( ret.text == room_password ){
                  this.goto_room(room_id,stream_name);
                }else{
                  alert('密码错误!');
                }
            });
          }else {
            this.goto_room(room_id,stream_name);
          }
        },
        goto_room(room_id,stream_name){
          // 进入房间
          var pageParam = {
            name: this.current.name,
            url: this.current.url,
            room_id: room_id,
            stream_name: stream_name
          }
          // 当用户在当前窗口下的任何一个帧页面中点击返回键,发起全局通知
          api.addEventListener({
              name: 'keyback'
          }, (ret, err)=>{
            // 告知直播间,关闭直播推流
            api.sendEvent({
                name: 'live_page_out',
                extra: {

                }
            });
          });
          this.game.goFrame('room', 'live.html', pageParam);
        },
        add_room(){
          this.game.goFrame('add_room', 'add_room.html',this.current, null,{
            type:'push',
            subType: 'from_top',
            duration: 300
          });
          api.addEventListener({
              name: 'add_room_success'
          }, (ret, err)=>{
              if( ret ){
                this.game.print('创建房间成功');
                // 进入房间
                this.goto_room(ret.value.room_id,ret.value.stream_name);
              }
          });

        },
        goto_home(){
          // 退出当前页面
          this.game.outWin("live");
        },
			}
		});
	}
	</script>
</body>
</html>

live.html, 代码:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  <link rel="stylesheet" href="../static/css/main.css">
  <script src="../static/js/vue.js"></script>
  <script src="../static/js/axios.js"></script>
  <script src="../static/js/main.js"></script>
  <script src="../static/js/uuid.js"></script>
  <script src="../static/js/settings.js"></script>
</head>
<body>
  <div class="app" id="app">
    <br><br><br><br>
    <br><br><br><br>
    <button @click="start_live">我要开播</button>
    <button @click="viewer">我是观众</button>
  </div>
  <script>
    apiready = function(){
      init();
      new Vue({
        el: '#app',
        data(){
          return {
            music_play: true,
            stream_name: '',   // 直播流名称
            prev: {name: '',url: '',params: {}},
            current: {name: 'live', url: 'live_list.html', 'params': {}},
          }
        },
        created(){
          this.stream_name = api.pageParam.stream_name;
        },
        methods: {
          viewer(){
            // 观看直播
            var obj = api.require('playModule');
            obj.play({
                rect:
                {   x: 0,
                    y: 0,
                    w: 450,
                    h: 1080,
                },
                fixedOn: api.frameName,
                title: 'test',
                scalingMode: 2,
                url: this.settings.live_stream_server+this.stream_name,
                defaultBtn: false,
                enableFull : false,
                isTopView : false,
                isLive: true,
                placeholderText: true,
            }, (ret, err)=>{
              this.game.print(ret);
            });
          },
          liver(){
            var token = this.game.get('access_token') || this.game.fget('access_token');
            this.axios.post('', {
              'jsonrpc': '2.0',
              'id': this.uuid(),
              'method': 'Live.stream',
              'params': {
                'room_name': '爱的直播间'
              }
            },{
              headers:{
								Authorization: "jwt " + token,
              }
            }).then(response=>{
              var message = response.data.result;
              if(parseInt(message.errno) == 1005){
                this.game.goWin('user', 'login.html', this.current);
              }
              if(parseInt(message.errno) == 1000){
                this.stream_name = message.data.stream_name;
                this.game.print(this.stream_name)
            }else{
              this.game.print(response.data);
            }
          }).catch(error=>{
            // 网络等异常
            this.game.print(error);
          });
        },
        start_live(){
          // 开始直播
          var acLive = api.require('acLive');
          // 打开摄像头采集视频信息
          acLive.open({
              camera:0, // 1为前置摄像头, 0为后置摄像头,默认1
              rect : {  // 采集画面的位置和尺寸
                  x : 0,
                  y : 0,
                  w : 450,
                  h : 1080,
              }
          },(ret, err)=>{
              this.game.print(ret);
              // 开启美颜
              acLive.beautyFace();
              // 开始推流
              acLive.start({
                  url: this.settings.live_stream_server+this.stream_name  // t1 就是流名称,可以理解为直播的房间号
              },(ret, err)=>{
                  this.game.print(ret); // 状态如果为2则表示连接成功,其他都表示不成功
              });
          });
          // 监听用户是否点击了返回键按钮,如果点击了,则关闭推流和摄像头信息采集功能
          api.addEventListener({
              name: 'live_page_out'
          }, ()=>{
            acLive.close();
            acLive.end();
          });

        }

        }
      })


    }
  </script>
</body>
</html>

live/views.py


from application import jsonrpc, db
from message import ErrorMessage as message
from status import APIStatus as status
from flask_jwt_extended import jwt_required, get_jwt_identity
from application.apps.users.models import User
from .models import LiveStream, LiveRoom
from datetime import datetime
import random

@jsonrpc.method('Live.stream')
@jwt_required
def live_stream(room_name, password):
    """创建直播流"""
    current_user_id = get_jwt_identity()
    user = User.query.get(current_user_id)
    if user is None:
        return {
            'errno': status.CODE_NO_USER,
            'errmsg': message.user_not_exists,
        }

    # 申请创建直播流
    stream = LiveStream.query.filter(LiveStream.user == user.id).first()
    if stream is None:
        stream_name = 'room_%06d%s%06d' % (
        user.id, datetime.now().strftime('%Y%m%d%H%M%S'), random.randint(100, 999999))
        stream = LiveStream(
            name=stream_name,
            user=user.id,
            room_name=room_name,
            room_password=password
        )
        db.session.add(stream)
        db.session.commit()
    else:
        stream.room_name = room_name
        stream.room_password = password
        db.session.commit()
    # 进入房间
    room = LiveRoom.query.filter(LiveRoom.user == user.id, LiveRoom.stream_id == stream.id).first()
    if room is None:
        room = LiveRoom(
            stream_id=stream.id,
            user=user.id
        )
        db.session.add(room)
        db.session.commit()

    return {
        'errno': status.CODE_OK,
        'errmsg': message.ok,
        'data': {
            'stream_name': stream_name,
            'room_name': room_name,
            'room_owner': user.id,
            'room_id': '%04d' % stream.id
        }
    }

from .marshmallow import StreamInfoSchema
from flask import current_app

@jsonrpc.method('Live.stream.list')
@jwt_required
def list_stream():
    """房间列表"""
    current_user_id = get_jwt_identity()
    user = User.query.get(current_user_id)
    if user is None:
        return {
            'errno': status.CODE_NO_USER,
            'errmsg': message.user_not_exists,
            'data': {

            }
        }

    stream_list = LiveStream.query.filter(LiveStream.status == True, LiveStream.is_deleted == False).all()
    sis = StreamInfoSchema()
    data_list = sis.dump(stream_list, many=True)

    # 使用requests发送get请求
    import requests
    stream_response = requests.get(current_app.config['SRS_HTTP_API']+'streams/')
    client_response = requests.get(current_app.config['SRS_HTTP_API']+'clients/')
    import re, json
    stream_text = re.sub(r'[^\{\}\/\,0-9a-zA-Z\"\'\:\[\]\._]', "", stream_response.text)
    client_text = re.sub(r'[^\{\}\/\,0-9a-zA-Z\"\:\[\]\._]', "", client_response.text)
    stream_dict = json.loads(stream_text)
    client_dict = json.loads(client_text)
    outline_list = []
    for data in data_list:
        data['status'] = False
        for stream in stream_dict['streams']:
            if data['name'] == stream['name']:
                data['status'] = stream['publish']['active']
                break
        data['clients_number'] = 0
        for client in client_dict['clients']:
            if data['name'] == client['url'].split('/')[-1]:
                data['clients_number'] += 1
            if client['publish'] and '/live/' + data['name'] == client['url']:
                data['user']['ip'] = client['ip']
                
        if data['status'] == False:
            outline_list.append(data)
            
    for item in outline_list:
        data_list.remove(item)
    return {
        'errno': status.CODE_OK,
        'errmsg': message.ok,
        'stream_list': data_list
    }
Hi-CWJ
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uni-app项目练习2
05-16
uni-app项目练习
srs webrtc连麦 rtmp直播环境搭建
宝安小雨
05-12 1157
直播连麦是指在one2one或one2many进行音视频通话，此时把他们的音视频流合在一起，通过rtmp等协议推送给大量用户做直播。下面对其中SRS+FFmpeg进行搭建，其他两个可以做测试用，但很难集成在代码里做一个服务器。
SRS流媒体服务器——SRS4.0 WebRTC一对一通话环境搭建与逻辑分析
m0_60259116的博客
05-10 2045
目录 环境搭建 SRS4.0 WebRTC1对1通话逻辑分析 环境搭建 1. 安装go语⾔环境 在Go语⾔官⽹找到对应的安装包（Downloads - The Go Programming Language） 下载和解析（使用的是阿里云的Ubuntu系统）： cd /usr/local/ wget https://dl.google.com/go/go1.16.5.linux-amd64.tar.gz --no-check-certificate tar -C /usr/loca
又一大型色情直播App被捣毁，女主播哭求别告诉家人
热门推荐
互扯程序的博客
11-01 98万+
来源：JAVA2856位女主播、617万注册用户、平台接受充值金额超5000万、500多名女主播提现金额2640万……这一连串数字的背后，又是一个网络淫秽直播平台——“小棉袄”APP。1...
魔坊APP项目-14-添加好友客户端及服务端接口
Hi文的博客
12-16 353
添加好友接口 users/views.py,代码: @jsonrpc.method('User.friend.add') @jwt_required # 验证jwt def add_friend_apply(user_id): """申请添加好友""" current_user_id = get_jwt_identity() user = User.query.get(current_user_id) if user is None: return {
基于vue+uniapp直播项目实现uni-app仿抖音/陌陌直播室功能
10-16
uni-liveShow是一个基于vue+uni-app技术开发的集小视频/IM聊天/直播等功能于一体的微直播项目。本文通过实例图文的形式给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友参考下吧
基于uniCloud与uni-app的admin管理项目模板
02-25
基于uniCloud与uni-app的admin管理项目模板
uni-app列表项实现左划操作功能
02-25
uni-app列表项实现左划操作功能。 开箱即用。
基于uni-app开发的微信小程序商城项目
08-03
此项目是基于uni-app开发的微信小程序商城项目，开发工具用的是Hbuilder和微信开发者工具，前端用的vue3.0,后台的数据用的是用node搭建的本地服务器，通过内网穿透的方式进行数据外网访问的方式，只局限做开发和测试...
HTML4游戏列表,4.html列表标签
weixin_34688784的博客
06-04 184
网页中有三种列表，有序列表，无序列表和定义列表，觉得无序列表用的比较多点啊。下面就先开始说下无序列表了。无序列表：用ul标签来表示无序列表，列表里面的每一个列表项是li来表示。具体的效果如： 无序列表的type属性，也就是列表项前面的那个圆点，有三种：实心圆点(disc)，空心圆点(circle)，实心方块(square)三种。默认是实心圆点(disc) 无序列表的嵌套，就是一个无序列表里面又有一...
魔坊APP项目-17-种植园，商城页面、服务端提供商品api，解决App打包编译以后的跨域限制、客户端获取商品列表并进行展示，集成Alipayplus模块完成支付
Hi文的博客
12-29 627
种植园 一、商城页面 orchard.html,代码: <!DOCTYPE html> <html> <head> <title>用户中心</title> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> <meta charset="utf-8"> <
luffcc项目-03-用户的登陆认证、JWT、前端实现登陆功能
Hi文的博客
10-29 772
一、用户的登陆认证 1.前端显示登陆页面 登录页组件 Login.vue <template> <div class="login box"> <img src="../../static/img/Loginbg.3377d0c.jpg" alt=""> <div class="login"> <div class="login-title"> <img src="../../static/img/Logotitl
luffcc项目-01-项目开发基础概念、需求分析、环境搭建、搭建项目、搭建前端项目、跨域CORS
Hi文的博客
10-26 1026
一、项目开发基础概念 1.企业的web项目类型 1. 商城 1.1 B2C 直销商城 商家与会员直接交易 ( Business To Customer )，路飞等。 1.2 B2B 批发商城 商家与商家直接交易，阿里巴巴 1.3 B2B2C 购物平台 商家和会员在另一个商家提供的平台上面进行交易，京东、天猫 1.4 C2B 定制商城 会员向商家发起定制商品的需求，商家去完成，小米手机中就有个私人定制过程，它是发起投票，让大家对需求有一定的定制性，人数
魔坊APP项目-13-好友列表、客户端显示页面（好友列表、添加好友）、服务端提供接口（模型创建、搜索用户信息）
Hi文的博客
12-15 384
好友列表 一、客户端显示页面 1.好友列表 html/user.html，用户中心添加好友列表点击入口，代码： <!DOCTYPE html> <html> <head> <title>用户中心</title> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> <me
魔方APP项目-01-移动端开发相关概念、移动端自适配、元信息（meta）、开发准备、移动端项目搭建（模拟器调试）、APICloud（APICloud 前端框架，获取服务端API接口）
Hi文的博客
11-25 930
一、移动端开发相关概念 1、APP类型 ①.Native APP Native APP又称原生APP，就是我们平时说的手机应用软件。 原生APP 是针对IOS、Android、Windows等不同的手机操作系统要采用不同的语言和框架进行开发出来的，通常是由“服务器数据+APP应用客户端”两部份构成。 实现技术： iOS: 或者 swift Android: java 优缺点 优点： 体验好，用户无法上网也可访问APP应用中以前下载的数据 性能稳定，可调用手机的硬件设备（语音、摄像头、短信、
魔坊APP项目-16-种植园、websocket协议、服务端基于socket提供服务（基于房间管理分发信息）、种植园页面展示
Hi文的博客
12-18 430
种植园 我们需要完成的种植园，是一个互动频繁，并且要求有一定即时性的模块，所以如果继续基于http协议开发，那么需要通过ajax发送大量http请求，同时因为http本身属于单向通讯，所以服务端无法主动发送信息提供给客户端。所以对于客户端使用来说，非常不友好，所以我们需要基于socket通讯来完成这个模块的开发。当然，如果我们服务端基于socket实现tcp/ip通讯的同时，那么客户端必须也要使用websocket来实现tcp/ip通讯才能正常运作。 一、websocket协议 文档：https://too
Python小程序之-ATM
Hi文的博客
08-23 320
需求文档 # card类 存储卡 卡号 密码 余额 锁定状态 cardid password money islock # person类 用户类 用户名 身份证号 电话 卡 name userid phone card # view类 视图类 登录 打印欢迎的界面 打印功能操作界面 # operation类 操作类 具体完成10个功能 # main 类,来调用相应的功能,进行统一调用 开户(1) : register 查询(2) : query
Photon笔记一:获取并显示房间列表
realfancy的博客
02-15 4339
获取并显示房间列表：（不保证是最新sdk可用） 别人的教程都是用GetRoomList()方法，但是PUN2里面这个方法去掉了，改用 public override void OnRoomListUpdate(List&lt;RoomInfo&gt; roomList) 这个方法是个回调函数，当大厅的房间列表更改时会自动调用它。 以及 PhotonNetwork.GetCustomRoomLis...
uni-app app项目自定义相机
最新发布
03-30
uni-app是一个跨平台的开发框架，可以用于开发多种平台的应用程序，包括iOS、Android、H5等。在uni-app中，可以通过使用插件或者原生能力来实现自定义相机功能。 一种常见的实现方式是使用uni-app的插件市场中提供的相机插件，比如uni-ADCamera插件。该插件提供了丰富的相机功能，包括拍照、录像、闪光灯控制等。你可以在uni-app项目中引入该插件，并按照插件文档进行配置和使用。 另一种方式是通过uni-app的原生能力来实现自定义相机功能。uni-app提供了一些原生能力接口，可以调用原生平台的相机功能。你可以使用uni-app的API文档查找相关接口，并在项目中进行调用和处理。 总结一下，实现uni-app app项目的自定义相机功能，你可以选择使用插件或者调用原生能力来实现。具体的实现方式取决于你的需求和项目的具体情况。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值