{"_id":"@ai.hermes/rrweb-player","_rev":"4-bdba939de00e3c86b2ff4af709f0ed93","name":"@ai.hermes/rrweb-player","dist-tags":{"latest":"2.0.0-alpha.15"},"versions":{"2.0.0-alpha.11":{"name":"@ai.hermes/rrweb-player","version":"2.0.0-alpha.11","devDependencies":{"@rollup/plugin-commonjs":"^22.0.0","@rollup/plugin-node-resolve":"^13.2.1","@rrweb/types":"^2.0.0-alpha.11","@types/offscreencanvas":"^2019.6.4","eslint-config-google":"^0.14.0","eslint-plugin-svelte3":"^4.0.0","postcss-easy-import":"^3.0.0","rollup":"^2.71.1","rollup-plugin-css-only":"^3.1.0","rollup-plugin-livereload":"^2.0.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.31.2","rollup-plugin-web-worker-loader":"^1.6.1","sirv-cli":"^0.4.4","svelte":"^3.59.2","svelte-check":"^3.0.1","svelte-preprocess":"^5.0.0","tslib":"^2.0.0"},"dependencies":{"@tsconfig/svelte":"^1.0.0","rrweb":"^2.0.0-alpha.11"},"scripts":{"build":"rollup -c","dev":"rollup -c -w","prepublishOnly":"yarn build","start":"sirv public","validate":"svelte-check","prepublish":"yarn build","lint":"yarn eslint src/**/*.ts"},"description":"rrweb's replayer UI","main":"lib/index.cjs","module":"dist/index.mjs","unpkg":"dist/index.js","typings":"typings/index.d.ts","type":"module","repository":{"type":"git","url":"git+https://github.com/rrweb-io/rrweb.git"},"keywords":["rrweb"],"author":{"name":"yanzhen@smartx.com"},"license":"MIT","bugs":{"url":"https://github.com/rrweb-io/rrweb/issues"},"homepage":"https://github.com/rrweb-io/rrweb#readme","_id":"@ai.hermes/rrweb-player@2.0.0-alpha.11","gitHead":"314a8dde5a13095873b89d07bac7c949918bf817","_nodeVersion":"20.10.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-aM5omnaF1X4LTbs1qT2rjf6Sl2o/omkma8r/ROuh1fAyH73WjUm0+zfViZyWH4fOgtMamSBberL/gOxBUvYlYw==","shasum":"c458907fadeca379a6dfd0c49980b0246570ef12","tarball":"https://registry.npmjs.org/@ai.hermes/rrweb-player/-/rrweb-player-2.0.0-alpha.11.tgz","fileCount":10,"unpackedSize":2012407,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD2OD46uvGNNWag5LX1ZkZJxo0jEtDHJUxpcoqzETT0FgIgQjOh6124eaD0byxUua398uxGi3bEQ24nTgsDeyffwBI="}]},"_npmUser":{"name":"wenjiangding","email":"warjiangyes@gmail.com"},"directories":{},"maintainers":[{"name":"wenjiangding","email":"warjiangyes@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rrweb-player_2.0.0-alpha.11_1708681468738_0.35446421758976054"},"_hasShrinkwrap":false},"2.0.0-alpha.12":{"name":"@ai.hermes/rrweb-player","version":"2.0.0-alpha.12","devDependencies":{"@rollup/plugin-commonjs":"^22.0.0","@rollup/plugin-node-resolve":"^13.2.1","@rrweb/types":"^2.0.0-alpha.11","@types/offscreencanvas":"^2019.6.4","eslint-config-google":"^0.14.0","eslint-plugin-svelte3":"^4.0.0","postcss-easy-import":"^3.0.0","rollup":"^2.71.1","rollup-plugin-css-only":"^3.1.0","rollup-plugin-livereload":"^2.0.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.31.2","rollup-plugin-web-worker-loader":"^1.6.1","sirv-cli":"^0.4.4","svelte":"^3.59.2","svelte-check":"^3.0.1","svelte-preprocess":"^5.0.0","tslib":"^2.0.0"},"dependencies":{"@tsconfig/svelte":"^1.0.0","rrweb":"^2.0.0-alpha.11"},"scripts":{"build":"rollup -c","dev":"rollup -c -w","prepublishOnly":"yarn build","start":"sirv public","validate":"svelte-check","prepublish":"yarn build","lint":"yarn eslint src/**/*.ts"},"description":"rrweb's replayer UI","main":"lib/index.cjs","module":"dist/index.mjs","unpkg":"dist/index.js","typings":"typings/index.d.ts","type":"module","repository":{"type":"git","url":"git+https://github.com/rrweb-io/rrweb.git"},"keywords":["rrweb"],"author":{"name":"yanzhen@smartx.com"},"license":"MIT","bugs":{"url":"https://github.com/rrweb-io/rrweb/issues"},"homepage":"https://github.com/rrweb-io/rrweb#readme","_id":"@ai.hermes/rrweb-player@2.0.0-alpha.12","gitHead":"314a8dde5a13095873b89d07bac7c949918bf817","_nodeVersion":"20.10.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-Nl4hH8ej221Of9godO+1I8uv51JKV2twnCNakGLaiXnPgUrGMzHBIxzO/nUqR5Wa2PPuYbIaR215PKq0hCZV4g==","shasum":"19ade6a1a307f1eb53e04a1f7e02846bdb0e620b","tarball":"https://registry.npmjs.org/@ai.hermes/rrweb-player/-/rrweb-player-2.0.0-alpha.12.tgz","fileCount":10,"unpackedSize":2012407,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDxy/csavVH+suorbna2q/6YSOKUtGCxLLI8f+Y2LkwFAiA1i+k/rKBLGIVXuigY4IYm5Silcnc8FLixWHia2k3dEA=="}]},"_npmUser":{"name":"wenjiangding","email":"warjiangyes@gmail.com"},"directories":{},"maintainers":[{"name":"wenjiangding","email":"warjiangyes@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rrweb-player_2.0.0-alpha.12_1708681987984_0.2295283527701033"},"_hasShrinkwrap":false},"2.0.0-alpha.13":{"name":"@ai.hermes/rrweb-player","version":"2.0.0-alpha.13","devDependencies":{"@rollup/plugin-commonjs":"^22.0.0","@rollup/plugin-node-resolve":"^13.2.1","@rrweb/types":"^2.0.0-alpha.11","@types/offscreencanvas":"^2019.6.4","eslint-config-google":"^0.14.0","eslint-plugin-svelte3":"^4.0.0","postcss-easy-import":"^3.0.0","rollup":"^2.71.1","rollup-plugin-css-only":"^3.1.0","rollup-plugin-livereload":"^2.0.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.31.2","rollup-plugin-web-worker-loader":"^1.6.1","sirv-cli":"^0.4.4","svelte":"^3.59.2","svelte-check":"^3.0.1","svelte-preprocess":"^5.0.0","tslib":"^2.0.0"},"dependencies":{"@tsconfig/svelte":"^1.0.0","rrweb":"^2.0.0-alpha.11"},"scripts":{"build":"rollup -c","dev":"rollup -c -w","prepublishOnly":"yarn build","start":"sirv public","validate":"svelte-check","prepublish":"yarn build","lint":"yarn eslint src/**/*.ts"},"description":"rrweb's replayer UI","main":"lib/index.cjs","module":"dist/index.mjs","unpkg":"dist/index.js","typings":"typings/index.d.ts","type":"module","repository":{"type":"git","url":"git+https://github.com/rrweb-io/rrweb.git"},"keywords":["rrweb"],"author":{"name":"yanzhen@smartx.com"},"license":"MIT","bugs":{"url":"https://github.com/rrweb-io/rrweb/issues"},"homepage":"https://github.com/rrweb-io/rrweb#readme","_id":"@ai.hermes/rrweb-player@2.0.0-alpha.13","gitHead":"314a8dde5a13095873b89d07bac7c949918bf817","_nodeVersion":"20.10.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-81k6pmghua6J/RTf4ZR0Ez9VsaT+fnZ2mpmIpB8f9Ji9oOA9NiU5vPU6qkpkYPE1uxvldYJOeCcjUlxfPiEP4A==","shasum":"6b3d4241b9bf4de9fb5036a0d2f77075cdc19904","tarball":"https://registry.npmjs.org/@ai.hermes/rrweb-player/-/rrweb-player-2.0.0-alpha.13.tgz","fileCount":10,"unpackedSize":2012407,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICCur595pwTiKvbU8ErF29fKmhhv+kUXWsfYSf+gx6XDAiBpm4xIFKhlMAnYurpy/x43xFcN+GUgsl+bubArz7UBPQ=="}]},"_npmUser":{"name":"wenjiangding","email":"warjiangyes@gmail.com"},"directories":{},"maintainers":[{"name":"wenjiangding","email":"warjiangyes@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rrweb-player_2.0.0-alpha.13_1708682092677_0.9443772652694122"},"_hasShrinkwrap":false},"2.0.0-alpha.14":{"name":"@ai.hermes/rrweb-player","version":"2.0.0-alpha.14","devDependencies":{"@rollup/plugin-commonjs":"^22.0.0","@rollup/plugin-node-resolve":"^13.2.1","@rrweb/types":"^2.0.0-alpha.11","@types/offscreencanvas":"^2019.6.4","eslint-config-google":"^0.14.0","eslint-plugin-svelte3":"^4.0.0","postcss-easy-import":"^3.0.0","rollup":"^2.71.1","rollup-plugin-css-only":"^3.1.0","rollup-plugin-livereload":"^2.0.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.31.2","rollup-plugin-web-worker-loader":"^1.6.1","sirv-cli":"^0.4.4","svelte":"^3.59.2","svelte-check":"^3.0.1","svelte-preprocess":"^5.0.0","tslib":"^2.0.0"},"dependencies":{"@tsconfig/svelte":"^1.0.0","rrweb":"^2.0.0-alpha.11"},"scripts":{"build":"rollup -c","dev":"rollup -c -w","prepublishOnly":"yarn build","start":"sirv public","validate":"svelte-check","prepublish":"yarn build","lint":"yarn eslint src/**/*.ts"},"description":"rrweb's replayer UI","main":"lib/index.cjs","module":"dist/index.mjs","unpkg":"dist/index.js","typings":"typings/index.d.ts","type":"module","repository":{"type":"git","url":"git+https://github.com/rrweb-io/rrweb.git"},"keywords":["rrweb"],"author":{"name":"yanzhen@smartx.com"},"license":"MIT","bugs":{"url":"https://github.com/rrweb-io/rrweb/issues"},"homepage":"https://github.com/rrweb-io/rrweb#readme","_id":"@ai.hermes/rrweb-player@2.0.0-alpha.14","gitHead":"314a8dde5a13095873b89d07bac7c949918bf817","_nodeVersion":"20.10.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-o/0VS1G8zGlPlmPeXt6Cpq9f14fgLX7ACtGM2+MqHt/fmZYIy9AlaAD7OZWx7vWGBCu/TgAs7PEaEku55rscgQ==","shasum":"b3eb70f23a5cafbf1a76e66ddb98f6675182c2d1","tarball":"https://registry.npmjs.org/@ai.hermes/rrweb-player/-/rrweb-player-2.0.0-alpha.14.tgz","fileCount":10,"unpackedSize":2013844,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC113smFrEUtKGkznooBGCq4KE7fzldleLXPdyO3hjLbwIhAJMarCRtdISkI8Onork4wCV+BgM9YY/NXc8v1CVgL35b"}]},"_npmUser":{"name":"wenjiangding","email":"warjiangyes@gmail.com"},"directories":{},"maintainers":[{"name":"wenjiangding","email":"warjiangyes@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rrweb-player_2.0.0-alpha.14_1708682629632_0.8074647225544531"},"_hasShrinkwrap":false},"2.0.0-alpha.15":{"name":"@ai.hermes/rrweb-player","version":"2.0.0-alpha.15","devDependencies":{"@rollup/plugin-commonjs":"^22.0.0","@rollup/plugin-node-resolve":"^13.2.1","@rrweb/types":"^2.0.0-alpha.11","@types/offscreencanvas":"^2019.6.4","eslint-config-google":"^0.14.0","eslint-plugin-svelte3":"^4.0.0","postcss-easy-import":"^3.0.0","rollup":"^2.71.1","rollup-plugin-css-only":"^3.1.0","rollup-plugin-livereload":"^2.0.0","rollup-plugin-svelte":"^7.1.0","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.31.2","rollup-plugin-web-worker-loader":"^1.6.1","sirv-cli":"^0.4.4","svelte":"^3.59.2","svelte-check":"^3.0.1","svelte-preprocess":"^5.0.0","tslib":"^2.0.0"},"dependencies":{"@tsconfig/svelte":"^1.0.0","rrweb":"^2.0.0-alpha.11"},"scripts":{"build":"rollup -c","dev":"rollup -c -w","prepublishOnly":"yarn build","start":"sirv public","validate":"svelte-check","prepublish":"yarn build","lint":"yarn eslint src/**/*.ts"},"description":"rrweb's replayer UI","main":"lib/index.cjs","module":"dist/index.mjs","unpkg":"dist/index.js","typings":"typings/index.d.ts","type":"module","repository":{"type":"git","url":"git+https://github.com/rrweb-io/rrweb.git"},"keywords":["rrweb"],"author":{"name":"yanzhen@smartx.com"},"license":"MIT","bugs":{"url":"https://github.com/rrweb-io/rrweb/issues"},"homepage":"https://github.com/rrweb-io/rrweb#readme","_id":"@ai.hermes/rrweb-player@2.0.0-alpha.15","gitHead":"314a8dde5a13095873b89d07bac7c949918bf817","_nodeVersion":"20.10.0","_npmVersion":"10.2.3","dist":{"integrity":"sha512-VcLw5y9DmS5u5Oh7H5ht/f1PWoXyKZVOuDg1n7OuQyx6qQPUyeaMSeipQdIwLKW2krdctIqbrOT8RkPThraM8g==","shasum":"78f9fa7aeaa19f934e77532c9b127bc49c05041b","tarball":"https://registry.npmjs.org/@ai.hermes/rrweb-player/-/rrweb-player-2.0.0-alpha.15.tgz","fileCount":10,"unpackedSize":2014027,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEMCHxIIK6szVXjZk4QU7Ffdv3h1gCpw9e9sVGrtHW3O6aECIAygicDVPjW6fbIioELQQ3ynwKxHtrufyJOMQAF5j8BN"}]},"_npmUser":{"name":"wenjiangding","email":"warjiangyes@gmail.com"},"directories":{},"maintainers":[{"name":"wenjiangding","email":"warjiangyes@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rrweb-player_2.0.0-alpha.15_1708687409666_0.30718864037593274"},"_hasShrinkwrap":false}},"time":{"created":"2024-02-23T09:44:28.664Z","2.0.0-alpha.11":"2024-02-23T09:44:28.937Z","modified":"2024-02-23T11:23:30.397Z","2.0.0-alpha.12":"2024-02-23T09:53:08.149Z","2.0.0-alpha.13":"2024-02-23T09:54:52.896Z","2.0.0-alpha.14":"2024-02-23T10:03:49.845Z","2.0.0-alpha.15":"2024-02-23T11:23:29.968Z"},"maintainers":[{"name":"wenjiangding","email":"warjiangyes@gmail.com"}],"description":"rrweb's replayer UI","homepage":"https://github.com/rrweb-io/rrweb#readme","keywords":["rrweb"],"repository":{"type":"git","url":"git+https://github.com/rrweb-io/rrweb.git"},"author":{"name":"yanzhen@smartx.com"},"bugs":{"url":"https://github.com/rrweb-io/rrweb/issues"},"license":"MIT","readme":"_Looking for a Vue.js version? Go here --> [@preflight-hq/rrweb-player-vue](https://github.com/Preflight-HQ/rrweb-player-vue)_\n\n---\n\n# rrweb-player\n\nSince rrweb's replayer only provides a basic UI, you can choose rrweb-replayer which is based on rrweb's public APIs but has a feature-rich replayer UI.\n\n## How is this different from `rrweb.Replayer`?\n\nrrweb-player uses rrweb's Replayer under the hood, but as Replayer doesn't include any UI for controls, rrweb-player adds those.\n\n## Installation\n\nrrweb-player can also be included with `<script>`：\n\n```html\n<link\n  rel=\"stylesheet\"\n  href=\"https://cdn.jsdelivr.net/npm/rrweb-player@latest/dist/style.css\"\n/>\n<script src=\"https://cdn.jsdelivr.net/npm/rrweb-player@latest/dist/index.js\"></script>\n```\n\nOr installed by using NPM：\n\n```shell\nnpm install --save rrweb-player\n```\n\n```js\nimport rrwebPlayer from 'rrweb-player';\nimport 'rrweb-player/dist/style.css';\n```\n\n## Usage\n\n```js\nnew rrwebPlayer({\n  target: document.body, // customizable root element\n  props: {\n    events,\n  },\n});\n```\n\n## Options\n\n| key            | default      | description                                                                                                         |\n| -------------- | ------------ | ------------------------------------------------------------------------------------------------------------------- |\n| events         | []           | the events for replaying                                                                                            |\n| width          | 1024         | the width of the replayer                                                                                           |\n| height         | 576          | the height of the replayer                                                                                          |\n| maxScale       | 1            | the maximum scale of the replayer (1 = 100%), set to 0 for unlimited                                                |\n| autoPlay       | true         | whether to autoplay                                                                                                 |\n| speed          | 1            | The default speed to play at                                                                                        |\n| speedOption    | [1, 2, 4, 8] | speed options in UI                                                                                                 |\n| showController | true         | whether to show the controller UI                                                                                   |\n| tags           | {}           | customize the custom events style with a key-value map                                                              |\n| inactiveColor  | #D4D4D4      | Customize the color of inactive periods indicator in the progress bar with a valid CSS color string.                |\n| ...            | -            | all the [rrweb Replayer options](https://github.com/rrweb-io/rrweb/blob/master/guide.md#options-1) will be bypassed |\n\n## methods on the rrwebPlayer component\n\n```ts\naddEventListener(event: string, handler: (params: any) => unknown): void;\n```\n\n```ts\naddEvent(event: eventWithTime): void;\n```\n\n```ts\ngetMetaData() => {\n    startTime: number;\n    endTime: number;\n    totalTime: number;\n}\n```\n\n```ts\ngetReplayer() => Replayer;\n```\n\n```ts\ngetMirror() => Mirror;\n```\n\nToggles between play/pause\n\n```ts\ntoggle();\n```\n\nSets speed of player\n\n```ts\nsetSpeed(speed: number)\n```\n\nTurns on/off skip inactive\n\n```ts\ntoggleSkipInactive();\n```\n\nTriggers resize, do this whenever you change width/height\n\n```ts\ntriggerResize();\n```\n\nPlays replay\n\n```ts\nplay();\n```\n\nPauses replay\n\n```ts\npause();\n```\n\nGo to a point in time and pause or play from then\n\n```ts\ngoto(timeOffset: number, play?: boolean)\n```\n\nPlays from a time to a time and (optionally) loop\n\n```ts\nplayRange(\n    timeOffset: number,\n    endTimeOffset: number,\n    startLooping: boolean = false,\n    afterHook: undefined | (() => void) = undefined,\n  )\n```\n","readmeFilename":"README.md"}