40 lines
1.0 KiB
TypeScript
40 lines
1.0 KiB
TypeScript
import { createGlobalState, useDevicesList } from '@vueuse/core'
|
|
|
|
export const useDevices = createGlobalState(() => {
|
|
const {
|
|
ensurePermissions,
|
|
permissionGranted,
|
|
videoInputs,
|
|
audioInputs,
|
|
audioOutputs,
|
|
} = useDevicesList()
|
|
|
|
async function getShareStream(fps = 30) {
|
|
return navigator.mediaDevices.getDisplayMedia({
|
|
audio: false,
|
|
video: {
|
|
width: { max: 2560 },
|
|
height: { max: 1080 },
|
|
displaySurface: 'monitor',
|
|
frameRate: { ideal: fps, max: fps },
|
|
},
|
|
})
|
|
}
|
|
|
|
;(async () => {
|
|
if (permissionGranted.value)
|
|
return
|
|
|
|
await ensurePermissions()
|
|
})()
|
|
|
|
return {
|
|
ensurePermissions,
|
|
permissionGranted,
|
|
videoInputs: computed<MediaDeviceInfo[]>(() => JSON.parse(JSON.stringify(videoInputs.value))),
|
|
audioInputs: computed<MediaDeviceInfo[]>(() => JSON.parse(JSON.stringify(audioInputs.value))),
|
|
audioOutputs: computed<MediaDeviceInfo[]>(() => JSON.parse(JSON.stringify(audioOutputs.value))),
|
|
getShareStream,
|
|
}
|
|
})
|