• 在线播放mp4


    在线播放mp4

    1、准备好支持再网页上播放的mp4格式

    AVC(h264) 格式的mp4

    2、用ckplayer控制播放

    (1)到ckplayer下载js。如:http://www.ckplayer.com/down/

    (2)到flask工程中写html静态代码

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>hello flask</title>
    </head>
    <body>
    <h1>hello flask2</h1>
    
    <script type="text/javascript" src="js/ckplayer/ckplayer.js"></script>
    <div class="videosamplex">
        <video id="videoplayer" src="http://127.0.0.1:5000/static/p42.mp4"></video>
    </div>
    <script type="text/javascript">
        var videoObject = {
    	container: '.videosamplex',//“#”代表容器的ID,“.”或“”代表容器的class
    	variable: 'player',//该属性必需设置,值等于下面的new chplayer()的对象
    	poster:'pic/wdm.jpg',
    	mobileCkControls:true,//是否在移动端(包括ios)环境中显示控制栏
    	mobileAutoFull:false,//在移动端播放后是否按系统设置的全屏播放
    	h5container:'#videoplayer',//h5环境中使用自定义容器
    	video:'http://127.0.0.1:5000/static/p42.mp4'//视频地址
        };
        var player=new ckplayer(videoObject);
    </script>
    </body>
    </html>
    

      

    3、用flask暴露mp4服务

    # -*- coding: utf-8 -*-
    from  flask import Flask
    
    app = Flask(__name__)
    
    
    @app.route('/')
    def index():
        return "hello flask"
    
    
    if __name__ == '__main__':
        app.run()
    

      

  • 相关阅读:
    MYSQL常用命令集合(转载)
    Spring(七)持久层
    Spring(六)AOP切入方式
    面试题目
    11 集合
    10 常用类
    9 异常机制
    8 面向对象之抽象类+接口+内部类
    7 面向对象的三大特征
    6 面向对象之类和对象
  • 原文地址:https://www.cnblogs.com/andy9468/p/10869803.html
Copyright © 2020-2023  润新知