useDisplayMedia

类别

Sensors

导出大小

884 B

最近修改

8 months ago

相关

useUserMedia

响应式 mediaDevices.getDisplayMedia 流式传输。

🌐 Reactive mediaDevices.getDisplayMedia streaming.

示例

源代码在线运行

用法

🌐 Usage

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