useDisplayMedia

反应式 mediaDevices.getDisplayMedia 流式传输。

¥Reactive mediaDevices.getDisplayMedia streaming.

示例

源代码演练场

用法

¥Usage

vue

<script setup lang="ts">
import { useDisplayMedia
 } from '@vueuse/core'
import { useTemplateRef
 } from 'vue'

const { stream
, start
 } = useDisplayMedia
()

// start streaming
start
()

const videoRef
 = useTemplateRef
('video')
watchEffect
(() => {
  // preview on a video element
  videoRef
.value
.srcObject
 = stream
.value

})
</script>

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