{"_id":"@acorbeau/react-video-seek-slider","_rev":"1-41cec4380303d1d599c9165934dd4ad1","name":"@acorbeau/react-video-seek-slider","dist-tags":{"latest":"1.0.10"},"versions":{"1.0.10":{"name":"@acorbeau/react-video-seek-slider","version":"1.0.10","types":"dist/index.d.ts","description":"a video seek slider","author":{"name":"zeklouis","url":"FORKED from pengyuan"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/asyade/react-video-seek-slider.git"},"main":"dist/index.js","module":"dist/index.es.js","jsnext:main":"dist/index.es.js","engines":{"node":">=8","npm":">=5"},"scripts":{"test":"cross-env CI=1 react-scripts-ts test --env=jsdom","test:watch":"react-scripts-ts test --env=jsdom","build":"rollup -c","start":"rollup -c -w","prepare":"npm run build","predeploy":"cd example && npm install && npm run build","deploy":"gh-pages -d example/build"},"peerDependencies":{"prop-types":"^15.5.4","react":"^15.0.0 || ^16.0.0","react-dom":"^15.0.0 || ^16.0.0"},"devDependencies":{"@svgr/rollup":"^2.4.1","@types/jest":"^23.1.5","@types/react":"^16.3.13","@types/react-dom":"^16.0.5","babel-core":"^6.26.3","babel-runtime":"^6.26.0","cross-env":"^5.1.4","gh-pages":"^1.2.0","less":"^3.9.0","react":"^16.4.1","react-dom":"^16.4.1","react-scripts-ts":"^2.16.0","rollup":"^0.62.0","rollup-plugin-babel":"^3.0.7","rollup-plugin-commonjs":"^9.1.3","rollup-plugin-node-resolve":"^3.3.0","rollup-plugin-peer-deps-external":"^2.2.0","rollup-plugin-postcss":"^1.6.2","rollup-plugin-typescript2":"^0.17.0","rollup-plugin-url":"^1.4.0","typescript":"^2.8.3","@types/lodash":"^4.14.149","lodash.debounce":"^4.0.8"},"gitHead":"e19e4fbeb864773aea8cf8f6a2b7b41418c3bc93","bugs":{"url":"https://github.com/asyade/react-video-seek-slider/issues"},"homepage":"https://github.com/asyade/react-video-seek-slider#readme","_id":"@acorbeau/react-video-seek-slider@1.0.10","_nodeVersion":"12.18.2","_npmVersion":"6.14.8","dist":{"integrity":"sha512-OTjG3qeMe708UN4f/ntraiGjdC9xn/+qQha82vQynfPqHiI3Z1PcBJyFLPXRs1DgJAN870pqbF20mYD9dxk7Jg==","shasum":"bafc90e271293fc6698d57e99c73d35673fc6f8b","tarball":"https://registry.npmjs.org/@acorbeau/react-video-seek-slider/-/react-video-seek-slider-1.0.10.tgz","fileCount":9,"unpackedSize":109337,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg2cvzCRA9TVsSAnZWagAAX4AP/RDoW0RnYgWjthEXX6c2\nA1n14g0ggJvGYDK1ut84UPpLHduL699hEhFMb1JktEiEUKAgXWmZJtAkNw/G\nSh/oRsNIa2Z5r2DJNifC9rcSEMk2TLfcA1gzzDffaSw5A13eKNZmNj/aQOJx\nfmjjvYCU44CdlgFeV4+CBzwr7CHhsw+purnnXmT9WKEJpDG7RPQu4y+GraFj\noH6ndknulvJGOki2xsetiH7ThiiBDLBN6sA1Nv4IaQz9nXTNl3CQyFFaDhB+\nDEDqDh8f40WkRFKoJ1PqVZyBjbwhDSDoDHF+4xeVsH6VYnWP3QsaRS0Wwrm2\nzpvZMuxu4aYX/1DgIoawV62s4DabtMyfxdPPaSqOk2OZzrboEOMKhagg8MhA\ndl2ZFSfgscW4x4FmZctkycnaF4J4EvNxalG0S1UpCNzxsWaHqqn0EICvLdhA\nPADHDDbSvUTr1aer28vPAwGLie/IYo7dN1yaBT5Io8m0Jqk8WEaTpof99O3d\nn6hL9ZYFgpf3KidDqXDcuqmNm5exnVruWvv5LEpZBP5KYya744/u5k2bsNqw\n7VU93SUyKsgAazpyOW5H3gkgsOpYirhVfAoQquRlNHVlRDRnYut1lc/H8a/U\nrq9vry1ZMXOlekS8hRGtYeIuezVRJdd4ZV6lMLGadRJNWIPseQ7clLQzyRTC\nhDBt\r\n=V5Yk\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCggG7yNFi0XM/75Lp0bBEl6YpAYyon8nb9/AQaLX24wgIhAMUQM5sEhtx+gBFEj9o1G7rLgFIKALpF9WlUqpcnepjP"}]},"_npmUser":{"name":"acorbeau","email":"asya.corbeau@get-moore.com"},"directories":{},"maintainers":[{"name":"acorbeau","email":"asya.corbeau@get-moore.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-video-seek-slider_1.0.10_1624886258472_0.3477948044358814"},"_hasShrinkwrap":false}},"time":{"created":"2021-06-28T13:17:38.375Z","1.0.10":"2021-06-28T13:17:38.659Z","modified":"2022-04-04T11:12:47.630Z"},"maintainers":[{"name":"acorbeau","email":"asya.corbeau@get-moore.com"}],"description":"a video seek slider","homepage":"https://github.com/asyade/react-video-seek-slider#readme","repository":{"type":"git","url":"git+https://github.com/asyade/react-video-seek-slider.git"},"author":{"name":"zeklouis","url":"FORKED from pengyuan"},"bugs":{"url":"https://github.com/asyade/react-video-seek-slider/issues"},"license":"MIT","readme":"# @zeklouis/react-video-seek-slider forked from @yay2008\n\n> a video seek slider\n\n[![NPM](https://img.shields.io/npm/v/@yay2008/react-video-seek-slider.svg)](https://www.npmjs.com/package/@yay2008/react-video-seek-slider) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)\n\n\n\n## 1. Description\n\nThis project is using：`React` `Typescript`\n\nPackaging tools are： `rollup`  \n\n\n\n## 2. Installation\n\n```bash\nnpm install --save @zeklouis/react-video-seek-slider\n\nor\n\nyarn add @zeklouis/react-video-seek-slider\n```\n\n\n\n## 3. API\n\n| Parameter                       | Description               | Type                                         | Default |\n| :------------------------- | :----------------- | :------------------------------------------- | :----: |\n| fullTime                | Total time    | number                                  |        |\n| currentTime             | Current time | number |        |\n| onChange | Change callback | (time: number, offsetTime: number) => void |        |\n| offset | Offset | number | 0 |\n| bufferProgress? | buffer | number          |        |\n| hideHoverTime? | Whether to enable hover display time function | boolen         | false |\n| secondsPrefix? | Second display | string         | \"00:\" |\n| minutesPrefix? | Points display | string          | \"00:\" |\n| limitTimeTooltipBySides? | Where to insert the three-way button | boolean         |        |\n| sliderColor? | Progress bar color | string          |        |\n| sliderHoverColor? | The color of the progress bar displayed by hover | string          |        |\n| thumbColor? | thumb color | string          |        |\n| bufferColor? | buffer color | string          |        |\n\n\n\n## 4. Usage overview\n\n```tsx\nimport * as React from \"react\";\nimport ToolBox from \"@netless/react-tool-box\";\n\nexport default class ToolBoxExample extends React.Component<{}, {}> \n  render () {\n    return (\n      <SeekSlider\n         fullTime={player.timeDuration}\n         currentTime={this.getCurrentTime(this.state.currentTime)}\n         onChange={(time: number, offsetTime: number) => {\n             if (this.state.player) {\n                 this.setState({currentTime: time});\n                this.state.player.seekToScheduleTime(time);\n             }\n         }}\n         hideHoverTime={true}\n         limitTimeTooltipBySides={true}\n        />\n    )\n  }\n}\n```\n\n## 5. Start the project\n\n1. Get the source code\n\n    ```bash\n    git clone https://github.com/zeklouis/react-video-seek-slider.git\n    ```\n\n2. Enter the project and install library file dependencies\n\n    ```bash\n    cd react-video-seek-slider\n    yarn\n    ```\n\n3. Start library file project\n\n    ```bash\n        yarn start\n    ```\n\n4. And installed into the project examplefile dependencies\n\n    ```bash\n        cd example\n        yarn\n    ```\n\n5. Start exampleproject\n\n    ```bash\n        yarn start\n    ```\n\n## 6. Project screenshot\n\n![slider](https://ohuuyffq2.qnssl.com/WeChat9c5904e21b183e907841753055f7d650.png)\n\n## License\n\nMIT © [zeklouis](https://github.com/zeklouis)\n","readmeFilename":"README.md"}