网页呈现视频与视频帧

最新推荐文章于 2023-10-21 19:27:16 发布

MM_C

最新推荐文章于 2023-10-21 19:27:16 发布

阅读量976

点赞数

本文链接：https://blog.csdn.net/chenshiman0324/article/details/121156841

版权

Flask OpenCV 视频处理帧图片动态网页

关键词由CSDN通过智能技术生成

from flask import Flask,render_template
import os
import cv2  #导入包


app=Flask(__name__)

def genFrame():
    v_path='static/qyn-short.mp4' #素材储存在static目录下
    image_save='static/pic'  

    if not(os.path.exists(image_save)):
        os.mkdir(image_save) #要改路径吗

    cap=cv2.VideoCapture(v_path)
    fc=cap.get(cv2.CAP_PROP_FRAME_COUNT) #调用cv2统计帧数

    for i in range(int(fc)):
        _,img=cap.read()
        cv2.imwrite('static/pic/image{}.jpg'.format(i),img) #遍历存储

@app.route('/')   #路由器
def index():
    #return "Hi,Flask!"   #网页输出
    genFrame() #调用
    pic='static/pic/image'
    framecount=（int(fc)） #帧数变量
    return render_template('index2.html',pic1=pic,framecount=framecount)   #同名映射

if "__main__"==__name__:
    app.run(port="5110") #输出的端口

有两部分内容，一：程序代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Flask分镜</title>
</head>
<body>
视频分镜
<br>
<video width="640" height="480" controls autoplay>
  <source src="static/qyn-short.mp4" type="video/mp4">
  <object data="static/qyn-short.mp4" width="640" height="480">
    <embed width="640" height="480" src="static/qyn-short.mp4">
  </object>
</video> #视频
<br>
帧数：{{framecount}}<br>
{% for i in range(framecount) %}
    <img height="40" src="{{pic1}}{{i}}.jpg" />
{% endfor %}   #帧图片
</body>
</html>

二、网页代码

路由器要有输出的端口，端口的数字可以改变，随内容更新才能呈现结果

MM_C

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
网页呈现视频与视频帧

from flask import Flask,render_templateimport osimport cv2app=Flask(__name__)def genFrame(): v_path='static/qyn-short.mp4' image_save='static/pic' if not(os.path.exists(image_save)): os.mkdir(image_save) #要改路径吗 cap=cv2.Vid.
复制链接

扫一扫