Python Bottleを用いて、ブラウザで連番画像を動画のように表示したい。

実現したいこと

Python bottleを用いて、ブラウザで連番画像を動画のように表示したい。

前提

ある方のサイトでmp4動画をブラウザで表示するプログラムを見つけました。こちらのプログラムはうまくいきましたが、こちらを改造して連番画像から同様にブラウザで表示しようとしたところ画像が表示されずに困っています。
とりあえずは最初に数枚画像を読んで順に画像を表示できればと思って下記のようなプログラムを作成しました。

発生している問題・エラーメッセージ

連番画像を表示する方法をご存じの方、ご教授いただければ幸いです。

該当のソースコード

Python

1import time 2import bottle 3import cv2 4app = bottle.Bottle()5def gen():6 fps_count = 07 fps_time = time.time()8 9 # 画像読み込み10 filenames = sorted(glob.glob("/Data/*.png"))[0:10]11 imgs = [cv2.imread(filenames[i]) for i in range(0, 10)]12 image = imgs[0]13 14 while True:15 16 # jpg形式に変換17 flag, frame = cv2.imencode('.jpg', image)18 yield b'--frame\r\n' + b'Content-Type: image/jpeg\r\n\r\n' + bytearray(frame) + b'\r\n\r\n'19 # 連続再生されるのでwaitを入れる20 time.sleep(1/60)21 22 # フレームレート計算23 if (time.time() - fps_time) >= 1:24 fps = fps_count 25 fps_count = 026 fps_time = time.time()27 print(fps)28 else:29 fps_count += 130 31@app.route('/')32def main():33 return bottle.static_file('index.html', root='./')34 35@app.route('/video_feed')36def video_feed():37 bottle.response.content_type = 'multipart/x-mixed-replace;boundary=frame'38 return gen()39app.run(host="（自分のローカルIPアドレス）", port=8080, reloader=True, debug=True)40

補足情報（FW/ツールのバージョンなど）

python3.9,
bottle v0.12.25