from flask import Flask, render_template, Response
import time

app = Flask(__name__)
frames = [open('image/run' + f + '.png', 'rb').read() for f in ['1', '2', '3', '4', '5',
                                                                '6', '7', '8', '9', '10',
                                                                '11', '12', '13', '14', '15',
                                                                '16', '17', '18', '19', '20']]

def gen_frames():
    counter = 0
    while True:
        n = counter % 20
        print(str(n))
        frame = frames[counter % 20]
        counter += 1
        yield (b'--frame\r\n'
                b'Content-Type: image/jpeg\r\n\r\n' + frame + b'\r\n')
        time.sleep(0.3)

@app.route('/video_feed')
def video_feed():
    return Response(gen_frames(),
                    mimetype = 'multipart/x-mixed-replace; boundary=frame')

@app.route('/')
def index():
    return render_template('index.html')

if __name__ == '__main__':
    app.run(host = '0.0.0.0', port = 5000, use_reloader = True)