doc

docs/loaders/screen-video-texture.mdx

@@ -0,0 +1,26 @@
+---
+title: ScreenVideoTexture
+sourcecode: src/core/ScreenVideoTexture.tsx
+---
+
+[![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.pmnd.rs/?path=/story/misc-screenvideotexture) ![](https://img.shields.io/badge/-suspense-brightgreen)
+
+<Intro>Create a video texture from [`getDisplayMedia`](https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getDisplayMedia)</Intro>
+
+```tsx
+export type ScreenVideoTextureProps = Omit<VideoTextureProps, 'src'> & {
+  options?: DisplayMediaStreamOptions
+}
+```
+
+```jsx
+<ScreenVideoTexture>
+  {(texture) => <meshBasicMaterial map={texture} />}
+```
+
+or exposed via `ref`:
+
+```jsx
+const textureRef = useRef()
+<ScreenVideoTexture ref={textureRef} />
+```

docs/loaders/webcam-video-texture.mdx

@@ -0,0 +1,26 @@
+---
+title: WebcamVideoTexture
+sourcecode: src/core/WebcamVideoTexture.tsx
+---
+
+[![](https://img.shields.io/badge/-storybook-%23ff69b4)](https://drei.pmnd.rs/?path=/story/misc-webcamvideotexture) ![](https://img.shields.io/badge/-suspense-brightgreen)
+
+<Intro>Create a video texture from [`getUserMedia`](https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia)</Intro>
+
+```tsx
+export type WebcamVideoTextureProps = Omit<VideoTextureProps, 'src'> & {
+  constraints?: MediaStreamConstraints
+}
+```
+
+```jsx
+<WebcamVideoTexture>
+  {(texture) => <meshBasicMaterial map={texture} />}
+```
+
+or exposed via `ref`:
+
+```jsx
+const textureRef = useRef()
+<WebcamVideoTexture ref={textureRef} />
+```

src/core/ScreenVideoTexture.tsx

@@ -8,7 +8,7 @@ export type ScreenVideoTextureProps = Omit<VideoTextureProps, 'src'> & {
 }
 
 /**
- * Create a video texture from `getDisplayMedia`
+ * Create a video texture from [`getDisplayMedia`](https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getDisplayMedia)
  */
 export const ScreenVideoTexture = /* @__PURE__ */ forwardRef<THREE.VideoTexture, ScreenVideoTextureProps>(
   ({ options = { video: true }, ...props }, fref) => {

src/core/WebcamVideoTexture.tsx

@@ -8,7 +8,7 @@ export type WebcamVideoTextureProps = Omit<VideoTextureProps, 'src'> & {
 }
 
 /**
- * Create a video texture from `getUserMedia`
+ * Create a video texture from [`getUserMedia`](https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia)
  */
 export const WebcamVideoTexture = /* @__PURE__ */ forwardRef<THREE.VideoTexture, WebcamVideoTextureProps>(
   (