草庐IT

【Django-meeting系统】播放视频的两种方式之超链接和dplayer--20220926

i see the future 2023-05-22 原文

背景：使用django播放视频有两种方式：超链接和dplayer

方式一：超链接（推荐）

这种方法好处是最简单，不用保存视频，网站速度快，看播放所有网址的视频。
缺点是视频与网站独立，视频无法显示在指定网页里面。

classroom_info.html

{% extends 'base.html' %}
{% load static %}

{% block body_block %}
<div class="container">
    <div class="row py-4 align-items-center">
        
        <!--展示显示人员-->
        <div class="col-lg-12 col-md-12 mt-0 table-responsive "  style="background-color: #fff;">
            <!--表单-->
            <h2>教室简介</h2>
            <table class="table table-striped table-sm table-bordered text-center ">
                <thead>
                    <tr class="" style="color:White;background-color:#3366FF;font-family:微軟正黑體,Tahoma,Arial,微軟雅黑體;font-size:15px;">
                        <th scope="col">教室</th>
                        <th scope="col">教室区域</th>
                        <th scope="col">教室地址</th>
                        <th scope="col">教室设备</th>
                        <th scope="col">可容纳人数</th>
                        <th scope="col">公开借订</th>
                        <th scope="col">备注</th>
                        <th scope="col">教室照片</th>
                    </tr>
                </thead>
            
                {% for myclassroom in classroom_all %}
                <tr class="row" valign="middle" style="color:Black;border-color:#E0E0E0;font-size:15px;"></tr>
                    <td class="col-2"><a target="_blank" href="/classroom_query/">{{ myclassroom.classroom_name|default_if_none:'' }}</a></td>
                    <td class="col-1">{{ myclassroom.classroom_location|default_if_none:'' }}</td>
                    <td class="col-1">{{ myclassroom.classroom_address|default_if_none:'' }}</td>
                    <td class="col-2">{{ myclassroom.classroom_equipment|default_if_none:'' }}</td>
                    <td class="col-1">{{ myclassroom.classroom_person_hc|default_if_none:'' }}</td>
                    <td class="col-1">{{ myclassroom.classroom_public|default_if_none:'' }}</td>
                    <td class="col-2"><a target="_blank" href="{{myclassroom.classroom_remark1|default_if_none:''}}" >教室影片</a></td>
                    <td class="" style="width:200px; height:100px">
                        <a target="_blank" href="{{myclassroom.classroom_photo_1.url}}" >
                            <img src="{{myclassroom.classroom_photo_1.url}}" alt="{{myclassroom.classroom_photo_1.url}}" width="200px" height="100px"></img>
                        </a>
                    </td>

                </tr>
                {% empty %}
                    <li>No data yet.</li>
                {% endfor %}
                
            </table>



        </div>
    </div>
</div>

<br>
<br>
<br>
<br>
<br>
{% endblock %}

方式二：dplayer（不推荐）

这种方法好处是视频放在网站里面，可以显示在指定网页里面。
缺点是占用网站资源，而且dplayer有时候不能快进、不能播放指定网址。

classroom_info_video.html

{% extends 'base.html' %}
{% load static %}

{% block body_block %}
<div class="container">


    <body>
        
        <link rel="stylesheet" href="{% static 'css/bootstrap.css' %}">
    
        <!-- 引入CSS Swiper插件 -->
        <link rel="stylesheet" href="{% static 'css/swiper.min.css' %}">
    
        <!--引入手风琴CSS-->
        <link rel="stylesheet" href="{% static 'css/style.css' %}">
    
        <!--引入 Dplayer css-->
        <link rel="stylesheet" href="{% static 'css/DPlayer.min.css' %}">


        <!--关注我们开始-->
        <section  class="mt-4">
            <div class="container">
                <div class="row">
                    <div class="col">
                        <div>
                            <h4 class="d-inline-block">关注我们</h4>
                            <small class="text-muted pl-2">掌握的是一门就业的技术，为成长积蓄力量</small>
                        </div>
                    </div>
                </div>


                <div class="row">
                    <div class="col-12 col-lg-8">
                        <div class="film_focus">
    
                            <div class="film_focus_imgs_wrap main-content">
                                <ul class="film_focus_imgs w-85">
                                    <li><div id="dplayer1" style="width:100%;height:349px;"></div></li>
                                </ul>
                            </div>

                        </div>
                    </div>
                    <div class="col-12 col-lg-4">
    
                    </div>
                </div>
            </div>
        </section>
        <!--关注我们结束-->
    
        
    <!--引入jQuery, 再引入poppper.js 最后再引入Bootstrap.js-->
    <script src="{% static 'js\jquery.min.js' %}"></script>
    <script src="{% static 'js\bootstrap.bundle.js' %}"></script>


    <!--引入Dplayer的JS-->
    <script src="{% static 'js\DPlayer.min.js' %}"></script>
    
        <script>
            var dp1;
            var dp2;
            var dp3;
            var dp4;
            $(function(){
    
                dp1=new DPlayer({
                    container: document.getElementById('dplayer1'),
                    // screenshot: true,
                    hotkey: true,
                    video:{
                        // url:"{% static 'images/player/test.mp4' %}",
                        url:"file://10.41.22.29/7.Training_WZSRPA/1.mp4",
                        // url: "file:///D:/%E6%88%91%E7%9A%84U%E7%9B%98-20220812/ABE-Python/4.python%E7%BD%91%E9%A1%B5%E5%89%8D%E5%90%8E%E7%AB%AF/Django%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/workspace8-meeting/classroom_management/static/images/player/test.mp4",
                        pic:"{% static 'images/player/p1.png' %}",
                    },
                });
    

            });
        </script>
    
    
    

    </body>
    </html>


</div>

<br>
<br>
<br>
<br>
<br>
{% endblock %}
Django-meeting20220926spanclasstokendjango音视频python

有关【Django-meeting系统】播放视频的两种方式之超链接和dplayer--20220926的更多相关文章

  1. ruby-on-rails - Ruby url 到 html 链接转换 - 2

    我正在使用Rails构建一个简单的聊天应用程序。当用户输入url时，我希望将其输出为html链接(即“url”)。我想知道在Ruby中是否有任何库或众所周知的方法可以做到这一点。如果没有，我有一些不错的正则表达式示例代码可以使用... 最佳答案 查看auto_linkRails提供的辅助方法。这会将所有URL和电子邮件地址变成可点击的链接(htmlanchor标记)。这是文档中的代码示例。auto_link("Gotohttp://www.rubyonrails.organdsayhellotodavid@loudthinking.

  2. ruby-on-rails - Prawn - 表格单元格内的链接 - 2

    我正在尝试用Prawn生成PDF。在我的PDF模板中，我有带单元格的表格。在其中一个单元格中，我有一个电子邮件地址:cell_email=pdf.make_cell(:content=>booking.user_email,:border_width=>0)我想让电子邮件链接到“mailto”链接。我知道我可以这样链接:pdf.formatted_text([{:text=>booking.user_email,:link=>"mailto:#{booking.user_email}"}])但是将这两行组合起来(将格式化文本作为内容)不起作用:cell_email=pdf.make_c

  3. 电脑0x0000001A蓝屏错误怎么U盘重装系统教学 - 2

    　　电脑0x0000001A蓝屏错误怎么U盘重装系统教学分享。有用户电脑开机之后遇到了系统蓝屏的情况。系统蓝屏问题很多时候都是系统bug，只有通过重装系统来进行解决。那么蓝屏问题如何通过U盘重装新系统来解决呢？来看看以下的详细操作方法教学吧。　　准备工作：　　1、U盘一个（尽量使用8G以上的U盘）。　　2、一台正常联网可使用的电脑。　　3、ghost或ISO系统镜像文件（Win10系统下载_Win10专业版_windows10正式版下载-系统之家）。　　4、在本页面下载U盘启动盘制作工具：系统之家U盘启动工具。　　U盘启动盘制作步骤：　　注意：制作期间，U盘会被格式化，因此U盘中的重要文件请注

  4. 【鸿蒙应用开发系列】- 获取系统设备信息以及版本API兼容调用方式 - 2

    在应用开发中，有时候我们需要获取系统的设备信息，用于数据上报和行为分析。那在鸿蒙系统中，我们应该怎么去获取设备的系统信息呢，比如说获取手机的系统版本号、手机的制造商、手机型号等数据。1、获取方式这里分为两种情况，一种是设备信息的获取，一种是系统信息的获取。1.1、获取设备信息获取设备信息，鸿蒙的SDK包为我们提供了DeviceInfo类，通过该类的一些静态方法，可以获取设备信息，DeviceInfo类的包路径为：ohos.system.DeviceInfo.具体的方法如下：ModifierandTypeMethodDescriptionstatic StringgetAbiList​()Obt

  5. kvm虚拟机安装centos7基于ubuntu20.04系统 - 2

    需求：要创建虚拟机，就需要给他提供一个虚拟的磁盘，我们就在/opt目录下创建一个10G大小的raw格式的虚拟磁盘CentOS-7-x86_64.raw命令格式：qemu-imgcreate-f磁盘格式磁盘名称磁盘大小qemu-imgcreate-f磁盘格式-o?1.创建磁盘qemu-imgcreate-fraw/opt/CentOS-7-x86_64.raw10G执行效果#ls/opt/CentOS-7-x86_64.raw2.安装虚拟机使用virt-install命令，基于我们提供的系统镜像和虚拟磁盘来创建一个虚拟机，另外在创建虚拟机之前，提前打开vnc客户端，在创建虚拟机的时候，通过vnc

  6. ruby - 在没有基准或时间的情况下用 Ruby 测量用户时间或系统时间 - 2

    因为我现在正在做一些时间测量，我想知道是否可以在不使用Benchmark类或命令行实用程序time的情况下测量用户时间或系统时间。使用Time类只显示挂钟时间，而不显示系统和用户时间，但是我正在寻找具有相同灵active的解决方案，例如time=TimeUtility.now#somecodeuser,system,real=TimeUtility.now-time原因是我有点不喜欢Benchmark，因为它不能只返回数字(编辑:我错了-它可以。请参阅下面的答案。)。当然，我可以解析输出，但感觉不对。*NIX系统的time实用程序也应该可以解决我的问题，但我想知道是否已经在Ruby中实

  7. ruby - 以毫秒为单位获取当前系统时间 - 2

    在Ruby中，以毫秒为单位获取自纪元(1970)以来的当前系统时间的正确方法是什么？我试过了Time.now.to_i，好像不是我想要的结果。我需要结果显示毫秒并且使用long类型，而不是float或double。 最佳答案 (Time.now.to_f*1000).to_iTime.now.to_f显示包含十进制数字的时间。要获得毫秒数，只需将时间乘以1000。 关于ruby-以毫秒为单位获取当前系统时间，我们在StackOverflow上找到一个类似的问题：

  8. ruby - 使用 Watir 检查错误链接 - 2

    我有一个未排序的链接列表，我将其保存在旁边，我想单击每个链接并确保它转到真实页面而不是404、500等。问题是我不知道该怎么做。是否有一些我可以检查的对象会给我http状态代码或任何东西？mylinks=Browser.ul(:id,'my_ul_id').linksmylinks.eachdo|link|link.click#needtocheckfora200statusorsomethinghere!how?Browser.backend 最佳答案 我的回答与铁皮人的想法类似。require'net/http'require'

  9. ruby - 如何为 pbcopy 生成富文本链接 - 2

    我一直在玩一个脚本，它在Chrome中获取选定的文本并在Google中查找它，提供四个最佳选择，然后粘贴相关链接。它以不同的格式粘贴，具体取决于当前在Chrome中打开的页面-DokuWiki打开的DokuWiki格式，普通网站的HTML，我想要我的WordPress所见即所得编辑器的富文本。我尝试使用pbpaste-Preferrtf来查看没有其他样式的富文本链接在粘贴板上的样子，但它仍然输出纯文本。在文本编辑中保存文件并进行试验后，我想出了以下内容text=%q|{\rtf1{\field{\*\fldinst{HYPERLINK"URL"}}{\fldrsltTEXT}}}|te

  10. ruby-on-rails - 如何构建复杂的 Rails 系统 - 2

    关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题吗？更新问题，使其只关注一个问题editingthispost.关闭8年前。Improvethisquestion我们有以下(以及更多)系统，我们将数据从一个应用推送/拉取到另一个:托管CRM(InsideSales.com)Asterisk电话系统(内部)横幅广告系统(openx，我们托管)潜在客户生成系统(自行开发)电子商务商店(spree，我们托管)工作板(本土)一些工作网站抓取+入站工作提要电子邮件传送系统(如Mailchimp，自主开发)事件管理系统(如eventbrite，自主开发)仪表板系统(大量图表和

随机推荐