简单分析实现运维利器---web远程ssh终端录像回放( 二 ) _ssh终端

except:addvideolist = models.video()addvideolist.hostaddress = ipaddvideolist.username = request.session['username']addvideolist.filename = filenaaddvideolist.starttime = starttimeaddvideolist.overtime = time.strftime("%Y%m%d%H%M%S")addvideolist.save()writedata.close()print('中断websocket ，关闭文件写入')
接着创建html页面展示回放：
耗费将近两个小时的坑就是这个asciinemaplayer的js文件，在网上找了很多的asciinemaplayerjs文件，全部都不行！解析不出来！（解坑前根本不知道是JS的问题！）连官方下载的demo都解析不出来， demo都是在比较大型的网站中下载的，然后看了下官网（https://asciinema.org）里面的展示都是可以解析！demo都一模一样！最后就干脆找了一个demo的首页，点开F12直接找js！！结果一引用，竟然可以了。
最后给上js链接：
https://asciinema.org/js/asciinema-player-e90dd959bf7df7e1608c08ac419fca67.js?vsn=d
现在视图中创建页面函数：
def Videotape(request):videolist = models.video.objects.all()return render(request, 'html/Videotape.html', locals())然后再编写html页面（引用了AdminLte模板）
{% extends 'base.html' %}{% load static %}{% block title %}录像{% endblock %}{% block css %}<link rel="stylesheet" href=https://www.isolves.com/it/wl/rj/2021-10-13/"{% static 'adminlet-2.4.10/bower_components/datatables.net-bs/css/dataTables.bootstrap.css' %}">{% endblock %}{% block breadcrumb %}

{% endblock %}{% block content %}录像播放
{% csrf_token %}
录像列表
{% for videoli in videolist %}{% endfor %}主机地址 操作人 录像文件名 开始时间 结束时间 操作
{{ videoli.hostaddress }} {{ videoli.username }} {{ videoli.filename }} {{ videoli.starttime }} {{ videoli.overtime }} 
{% endblock %}{% block script %}{% endblock %}