Device Media

The MediaDevices interface provides access to connected media input devices like cameras and microphones, as well as screen sharing. In essence, it lets you obtain access to any hardware source of media data..

State

import { useDeviceMedia } from 'vue-use-web';

const { stream } = useUserMedia({ audio: false, video: true });

useDeviceMedia returns a 2 values:

State	Type	Description
stream	Ref<MediaStream>	Audio and video stream.
error	Ref<Error>	An error message in case mediaDevices API

Example

<template>
  <video controls ref="videoElement"></video>
</template>

<script>
import { ref } from '@vue/composition-api';
import { useDeviceMedia } from 'vue-use-web';

export default {
  setup() {
    const { stream, error } = useUserMedia({ audio: true, video: true });
    const videoElement = ref(null);
    return { stream, error, videoElement };
  }
};
</script>

Demo

TODO: Add cool live example!