rrweb实现用户对网页操作过程录制及回放功能代码

代码语言:html

所属分类:其他

代码描述:rrweb实现用户对网页操作过程录制及回放功能代码

代码标签: rrweb 网页 操作 录制 回放

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>

<html lang="en">

<head>

   
<meta charset="UTF-8">


   
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/rrweb.min.css">
       
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/rrweb-player.css">
   
<style>
       
#playIfrm {
         
height: 400px;
         
border: 1px solid;
       
}
   
</style>



</head>

<body>
   
<button id="btnRecord">Record</button>
   
<button id="btnPlay">Play</button>
       
<button id="btnSave">Save</button>
   
   
<form>
       
<div>
           
<label>名称</label>
           
<input type="text">
       
</div>
       
<div>
           
<label>年龄</label>
           
<input type="number">
       
</div>
       
<div>
           
<label>类型</label>
           
<select>
     
<option value="1">1</option>
     
<option value="2">2</option>
     
<option value="3">3</option>
   
</select>
       
</div>
       
<div>
           
<label>文件</label>
           
<input type="file" />
       
</div>
   
</form>
   
<div id="playIfrm"></div>
   
<div id="playIfrm2"></div>
   
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/rrweb.min.js"></script>

    <script type="text/javascript&qu.........完整代码请登录后点击上方下载按钮下载查看

网友评论0