浏览器语音视频功能

打印 上一主题 下一主题

主题 809|帖子 809|积分 2437


需求:
1:查察当前的语音视反复道的队列状况
2:获取到临时的语音视频用户名
3:跳转到指定的语音聊天房间
lc/Pyfile/Pywebback/app/yuyin/templates/zhuye/base.html
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8" />
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6.     <title>{% block title %}语音主页{% endblock %}</title>
  7. </head>
  8. <body class="bg-gray-1200 text-white">
  9.     <div>
  10.         {% block content %}{% endblock %}
  11.     </div>
  12.     <!-- <div class="max-w-4xl mx-auto py-8 px-4"></div> -->
  13. </body>
  14. </html>
复制代码
lc/Pyfile/Pywebback/app/yuyin/templates/zhuye/zhuye.html
  1. {% extends "zhuye/base.html" %}
  2. {% block title %}替换掉base中的title{% endblock %}
  3. <!-- 插入各个html   这里就是设置整个页面的主题 -->
  4. {% block content %}
  5.    
  6.    
  7.     <!-- 页面上部分显示   语音列表中的繁忙程度-->
  8.     {% include "zhuye/yuyin_list.html" %}
  9.     <!-- 获取验证码 -->
  10.     {% include "zhuye/getcode.html" %}
  11.     <!-- 进入语音按钮 -->
  12.     {% include "zhuye/get_voice.html" %}
  13. {% endblock %}
复制代码
lc/Pyfile/Pywebback/app/yuyin/templates/zhuye/yuyin_list.html
  1. {% load static %} <!-- 加载静态文件标签 -->
  2. <link rel="stylesheet" href="{% static 'test/yuyin/yuyin_list.css' %}"> <!-- 引用CSS文件 -->
  3. <!-- 获取频道排队数据列表 -->
  4. <script src="{% static 'test/yuyin/get_channel_list.js' %}"></script>
  5. <div>
  6.     <div>视频语音频道列表</div>
  7.     <div>
  8.         <span>语音频道1</span><span>排队人数:</span><span id="audio1-queue">(当前排队的人数数量)</span>
  9.     </div>
  10.     <div>
  11.         <span>语音频道2</span><span>排队人数:</span><span id="audio2-queue">(当前排队的人数数量)</span>
  12.     </div>
  13.     <div>
  14.         <span>视频语音频道3</span><span>排队人数:</span><span id="video1-queue">(当前排队的人数数量)</span>
  15.     </div>
  16.     <div>
  17.         <span>视频语音频道4</span><span>排队人数:</span><span id="video2-queue">(当前排队的人数数量)</span>
  18.     </div>
  19. </div>
  20. <hr>
  21. <div class="container4">
  22.     <div>
  23.         <span>语音频道1</span><span>排队人数:</span><span id="audio1-queue-summary">(当前排队的人数数量)</span>
  24.         <p>排队列表</p>
  25.         <div id="audio1-queue-list"></div>
  26.     </div>
  27.     <div>
  28.         <span>语音频道2</span><span>排队人数:</span><span id="audio2-queue-summary">(当前排队的人数数量)</span>
  29.         <p>排队列表</p>
  30.         <div id="audio2-queue-list"></div>
  31.     </div>
  32.     <div>
  33.         <span>视频语音频道3</span><span>排队人数:</span><span id="video1-queue-summary">(当前排队的人数数量)</span>
  34.         <p>排队列表
复制代码
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

篮之新喜

金牌会员
这个人很懒什么都没写!

标签云

快速回复 返回顶部 返回列表