xuguopeng/rrweb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactoring rrweb-player (#26)

Browse Source 
* enable drag and drop in controller

* setup svelte v3 workflow and entry point

* add ts eslint config and do compatibility fallbacks in API

* rewrite replayer in svelte v3

* fix css import

* fix fullscreen API
This commit is contained in:
yz-yu
2020-08-09 13:35:25 +08:00
committed by GitHub
parent d92bc733df
commit 7aa760e731
16 changed files with 2436 additions and 645 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
public/events.js
View File

File diff suppressed because one or more lines are too long

1
public/global.css
View File

@@ -6,7 +6,6 @@ body {
}
body {
margin: 0;
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;

48
public/index.html
View File

@@ -1,31 +1,31 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf8" />
<meta name="viewport" content="width=device-width" />
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>dev panel</title>
<title>Svelte app</title>
<link rel="stylesheet" href="./global.css" />
<link rel="stylesheet" href="./bundle.css" />
<link rel="stylesheet" href="/global.css" />
<link rel="stylesheet" href="/bundle.css" />
<script src="/bundle.js"></script>
<script src="./events.js"></script>
</head>
<body>
<script src="./bundle.js"></script>
<script src="./events.js"></script>
<script>
// eslint-disable-next-line
const component = new rrwebPlayer({
target: document.body,
data: {
events,
skipInactive: true,
showDebug: false,
autoPlay: false,
showWarning: false,
},
});
component.addEventListener('finish', () => console.log('finish'));
</script>
</body>
<body></body>
<script>
// eslint-disable-next-line
const component = new rrwebPlayer({
target: document.body,
data: {
events,
skipInactive: true,
showDebug: false,
showWarning: false,
autoPlay: false,
},
});
component.addEventListener('finish', () => console.log('finish'));
</script>
</html>