stream-vue
▶️ stream-vue
Vue component for Cloudflare Stream
Vue component for Cloudflare Stream.
Note that this is not an official component.
Features
- Vetur autocomplete for props and events
Quick Start
First install stream-vue
:
pnpm add stream-vue
# or
yarn add stream-vue
npm install stream-vue --save
Usage
<template>
<VideoStream controls src="YOUR_VIDEO_ID_OR_SIGNED_URL">
</template>
<script>
import { VideoStream } from 'stream-vue'
export default {
components: { VideoStream }
}
</script>
Nuxt support
To use with Nuxt 2, make sure to add the following to your nuxt.config.js
:
vue: {
config: {
ignoredElements: ['stream']
}
}
See @cloudflare/stream-react for more props and events.
Inspirations
This is just a Vue fork of @cloudflare/stream-react.
Contributors
This has been developed to suit my needs but additional use cases and contributions are very welcome.
License
MIT License - Copyright © Daniel Roe
Dependencies
@siroc/eslint-config: ^0.2.0@types/jsdom: ^21.1.1@types/node: ^20.2.5@typescript-eslint/eslint-plugin: ^5.59.9@typescript-eslint/parser: ^5.59.9@vitest/coverage-v8: ^0.32.0@vue/test-utils: ^1.3.6bumpp: ^9.1.1eslint: ^8.42.0eslint-config-prettier: ^8.8.0eslint-plugin-prettier: ^4.2.1husky: ^8.0.3jsdom: ^22.0.0lint-staged: ^13.2.2prettier: ^2.8.8typescript: ^5.1.3unbuild: ^1.2.1vitest: ^0.32.0vue: 2.7.14vue-template-compiler: ^2.7.14