{"_id":"@designbycosmic/vime-core","name":"@designbycosmic/vime-core","dist-tags":{"latest":"5.5.0"},"versions":{"5.5.0":{"name":"@designbycosmic/vime-core","version":"5.5.0","description":"Customizable, extensible, accessible and framework agnostic media player.","license":"MIT","sideEffects":false,"main":"dist/index.cjs.js","module":"dist/custom-elements/index.js","es2015":"dist/custom-elements/index.js","es2017":"dist/custom-elements/index.js","jsnext:main":"dist/custom-elements/index.js","collection":"dist/collection/collection-manifest.json","collection:main":"dist/collection/index.js","types":"dist/custom-elements/index.d.ts","contributors":[{"name":"Rahim Alwer","email":"rahim.alwer@gmail.com"}],"repository":{"type":"git","url":"git+https://github.com/vime-js/vime.git"},"bugs":{"url":"https://github.com/vime-js/vime/issues"},"scripts":{"build":"run-s clean build:themes build:stencil","build:stencil":"stencil build","build:watch":"stencil build --watch","build:themes":"rimraf themes && mkdir themes && run-s build:theme:*","build:theme:default":"cleancss -o themes/default.css src/themes/default.css","build:theme:light":"cleancss -o themes/light.css src/themes/light.css","clean":"run-s clean:*","clean:build":"rimraf dist loader www icons themes","clean:docs":"npm run clean --prefix ../../docs"},"dependencies":{"@stencil/core":"2.5.2","@types/fscreen":"^1.0.1","fscreen":"^1.2.0","mitt":"^3.0.0","stencil-wormhole":"^3.4.1"},"devDependencies":{"@types/node":"^16.10.3","clean-css-cli":"^5.4.1","hls.js":"latest","npm-run-all":"^4.1.5","rimraf":"^3.0.2","svelte":"^3.43.1"},"publishConfig":{"access":"public"},"keywords":["vime","player","media","audio","video","html5","stenciljs","youtube","dailymotion","vimeo","hls","dash","custom","web components"],"gitHead":"87c7f697f787dce6d6e37d752bf201fd2c55f3e4","homepage":"https://github.com/vime-js/vime#readme","_id":"@designbycosmic/vime-core@5.5.0","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-2xy8wy6/Jr0mxF9MgAVRKevOiwcUikVLf3vZ4UD6HfrvhxHynXNqg65AuDCMVAc7Zxs7+HdNnIU8F33VLlmDhw==","shasum":"daee67777906832d9d6e1fa558c975def249e0df","tarball":"https://registry.npmjs.org/@designbycosmic/vime-core/-/vime-core-5.5.0.tgz","fileCount":484,"unpackedSize":2620059,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB3DTnqO4OwYnJ8LUmauU9Oq7kHt6MZ256HTpZ0SLP20AiEA53j+V7ybfGtCL3NFIbDWBbwqMaZo4JBQ2Uquw6TqnUQ="}]},"_npmUser":{"name":"cosmicdev","email":"dev@designbycosmic.com"},"directories":{},"maintainers":[{"name":"cosmicdev","email":"dev@designbycosmic.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vime-core_5.5.0_1694043644371_0.03536015858088626"},"_hasShrinkwrap":false}},"time":{"created":"2023-09-06T23:40:44.212Z","5.5.0":"2023-09-06T23:40:44.639Z","modified":"2023-09-06T23:40:45.018Z"},"maintainers":[{"name":"cosmicdev","email":"dev@designbycosmic.com"}],"description":"Customizable, extensible, accessible and framework agnostic media player.","homepage":"https://github.com/vime-js/vime#readme","keywords":["vime","player","media","audio","video","html5","stenciljs","youtube","dailymotion","vimeo","hls","dash","custom","web components"],"repository":{"type":"git","url":"git+https://github.com/vime-js/vime.git"},"contributors":[{"name":"Rahim Alwer","email":"rahim.alwer@gmail.com"}],"bugs":{"url":"https://github.com/vime-js/vime/issues"},"license":"MIT","readme":"# @vime/core\n\nVime is a customizable, extensible, accessible and framework agnostic media player. The `@vime/core`\npackage contains all the core Vime web components that other packages rely on.\n\n## Examples\n\n**The examples below are using web components but there are bindings for React, Vue, Svelte, Stencil\nand Angular. If you want to see how they look check out our [Demo](https://vimejs.com/demo).**\n\n```html\n<vm-player autoplay muted>\n  <vm-video poster=\"/media/poster.png\" cross-origin>\n    <!-- Why `data-src`? Lazy loading. You can always use `src` if you don't need it. -->\n    <source data-src=\"/media/video.mp4\" type=\"video/mp4\" />\n    <track\n      default\n      kind=\"subtitles\"\n      src=\"/media/subs/en.vtt\"\n      srclang=\"en\"\n      label=\"English\"\n    />\n  </vm-video>\n\n  <!-- Loads the default Vime UI. -->\n  <vm-default-ui />\n</vm-player>\n```\n\n_Native UI?_\n\n```html\n<!-- Here we are requesting to use the native controls. -->\n<vm-player autoplay muted controls>\n  <vm-audio cross-origin>\n    <source data-src=\"/media/audio.mp3\" type=\"audio/mp3\" />\n  </vm-audio>\n</vm-player>\n```\n\n_Custom UI?_\n\n```html\n<!-- Lets add a little splash of color throughout the player. -->\n<vm-player autoplay muted style=\"--vm-player-theme: #1873d3\">\n  <!-- Loading a YouTube video. -->\n  <vm-youtube video-id=\"DyTCOwB0DVw\" />\n\n  <vm-ui>\n    <vm-click-to-play />\n    <vm-captions />\n    <vm-poster />\n    <vm-spinner />\n    <vm-default-settings />\n    <vm-controls pin=\"bottomLeft\" active-duration=\"2750\" full-width>\n      <!-- \n        These are all predefined controls that you can easily customize. You could also build \n        your own controls completely from scratch.\n      -->\n      <vm-playback-control tooltip-direction=\"right\" />\n      <vm-volume-control />\n      <vm-time-progress />\n      <vm-control-spacer />\n      <vm-caption-control />\n      <vm-pip-control keys=\"p\" />\n      <vm-settings-control />\n      <vm-fullscreen-control keys=\"f\" tooltip-direction=\"left\" />\n    </vm-controls>\n  </vm-ui>\n</vm-player>\n```\n\n## Related\n\n- [GitHub](https://github.com/vime-js/vime)\n- [Discord](https://discord.com/invite/7RGU7wvsu9)\n- [Documentation](https://vimejs.com)\n","readmeFilename":"README.md"}