stream-vue

Cloudflare Stream component for VueJS

Usage no npm install needed!

<script type="module">
  import streamVue from 'https://cdn.skypack.dev/stream-vue';
</script>

README

▶️ 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:

yarn add stream-vue

# or npm

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, 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