diff --git a/src/components/EditMenu.vue b/src/components/EditMenu.vue
index e358eba38..066a1610c 100644
--- a/src/components/EditMenu.vue
+++ b/src/components/EditMenu.vue
@@ -609,6 +609,7 @@ import MiniWidgetsBarImg from '@/assets/widgets/MiniWidgetsBar.png'
import URLVideoPlayerImg from '@/assets/widgets/URLVideoPlayer.png'
import VideoPlayerImg from '@/assets/widgets/VideoPlayer.png'
import VirtualHorizonImg from '@/assets/widgets/VirtualHorizon.png'
+import WebcamViewImg from '@/assets/widgets/WebcamView.png'
import { useInteractionDialog } from '@/composables/interactionDialog'
import { MavType } from '@/libs/connection/m2r/messages/mavlink2rest-enum'
import { isHorizontalScroll } from '@/libs/utils'
@@ -674,6 +675,7 @@ const widgetImages = {
CompassHUD: CompassHUDImg,
IFrame: IFrameImg,
ImageView: ImageViewImg,
+ Webcam: WebcamViewImg,
Map: MapImg,
MiniWidgetsBar: MiniWidgetsBarImg,
URLVideoPlayer: URLVideoPlayerImg,
diff --git a/src/components/widgets/Webcam.vue b/src/components/widgets/Webcam.vue
new file mode 100644
index 000000000..2c3782507
--- /dev/null
+++ b/src/components/widgets/Webcam.vue
@@ -0,0 +1,101 @@
+
+
+
+
+
+ Webcam Settings
+
+
+
+
+
+
+
+
+
+
+ Close
+
+
+
+
+
+
+
+
+
+
diff --git a/src/types/widgets.ts b/src/types/widgets.ts
index 23e2f704e..3475157a7 100644
--- a/src/types/widgets.ts
+++ b/src/types/widgets.ts
@@ -11,6 +11,7 @@ export enum WidgetType {
CompassHUD = 'CompassHUD',
IFrame = 'IFrame',
ImageView = 'ImageView',
+ Webcam = 'Webcam',
Map = 'Map',
MiniWidgetsBar = 'MiniWidgetsBar',
URLVideoPlayer = 'URLVideoPlayer',