{"id":21229754,"url":"https://github.com/pansyjs/video-range-bar","last_synced_at":"2025-07-10T15:32:24.625Z","repository":{"id":48927422,"uuid":"383083010","full_name":"pansyjs/video-range-bar","owner":"pansyjs","description":"截取视频片段条，支持pc和mobile","archived":false,"fork":false,"pushed_at":"2023-12-15T08:32:13.000Z","size":492,"stargazers_count":12,"open_issues_count":1,"forks_count":3,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-10-28T14:59:07.877Z","etag":null,"topics":["bar","clips","range","typescript","video","video-editing"],"latest_commit_sha":null,"homepage":"https://video-range-bar.vercel.app/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pansyjs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-07-05T09:20:05.000Z","updated_at":"2024-10-01T09:44:49.000Z","dependencies_parsed_at":"2022-09-26T20:21:37.955Z","dependency_job_id":null,"html_url":"https://github.com/pansyjs/video-range-bar","commit_stats":null,"previous_names":["chenguzhen87/video-range-bar"],"tags_count":16,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pansyjs%2Fvideo-range-bar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pansyjs%2Fvideo-range-bar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pansyjs%2Fvideo-range-bar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pansyjs%2Fvideo-range-bar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pansyjs","download_url":"https://codeload.github.com/pansyjs/video-range-bar/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225646566,"owners_count":17501895,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bar","clips","range","typescript","video","video-editing"],"created_at":"2024-11-20T23:29:24.080Z","updated_at":"2024-11-20T23:29:24.702Z","avatar_url":"https://github.com/pansyjs.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# video-range-bar\n\n\u003e 截取视频片段操作场景打造组件库\n\n## Preview Picture\n\n![Preview Picture](https://cdn.jsdelivr.net/gh/wangxingkang/pictures@latest/imgs/20210707183938.png)\n\n## ✨ Features\n\n- 💻 使用 TypeScript 编写，提供完善的类型定义\n- 💻 支持移动和 pc 端\n- 🚀 小巧，不到 10K 大小，Gzip 压缩后不到 3K\n- 📦 提供`cjs`、`es`、`umd`三种格式\n- 🎉 提供`Vue`、`React`组件包\n\n## 🏗 Install\n\n```\n// npm\nnpm install video-range-bar --save\n\n// yarn\nyarn add video-range-bar\n```\n\n## 🔨 Usage\n\n```html\n\u003cdiv id=\"video-range-bar\"\u003e\u003c/div\u003e\n```\n\n```js\nimport VideoRangeBar from 'video-range-bar';\n\nnew VideoRangeBar({\n  id: 'video-range-bar',\n  startLeftSlider(value) {\n    // 左滑块按下回调\n  },\n  startRightSlider(value) {\n    // 右滑块按下回调\n  },\n  moveLeftSlider(value) {\n    // 左滑块拖动回调\n  },\n  moveRightSlider(value) {\n    // 右滑块拖动回调\n  },\n});\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpansyjs%2Fvideo-range-bar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpansyjs%2Fvideo-range-bar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpansyjs%2Fvideo-range-bar/lists"}