Add capture attribute to image and video inputs for camera access

- Add capture="environment" to imageInput and videoInput
- Add capture="environment" to conversationImageInput and conversationVideoInput
- Enables camera/video capture on mobile and desktop devices
- Falls back to file picker on devices without camera capability
This commit is contained in:
2026-01-11 02:44:48 +00:00
parent af0fef4f08
commit d7c42de0d7
+4 -4
View File
@@ -247,8 +247,8 @@
</div> </div>
<!-- Hidden file inputs --> <!-- Hidden file inputs -->
<input id="imageInput" type="file" class="hidden" accept="image/*" multiple> <input id="imageInput" type="file" class="hidden" accept="image/*" multiple capture="environment">
<input id="videoInput" type="file" class="hidden" accept="video/*"> <input id="videoInput" type="file" class="hidden" accept="video/*" capture="environment">
<input id="fileInput" type="file" class="hidden" multiple accept=".pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.txt,.zip,.rar"> <input id="fileInput" type="file" class="hidden" multiple accept=".pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.txt,.zip,.rar">
<div id="noteAttachmentsList" class="space-y-1"></div> <div id="noteAttachmentsList" class="space-y-1"></div>
@@ -412,8 +412,8 @@
</div> </div>
<!-- Hidden file inputs for conversation --> <!-- Hidden file inputs for conversation -->
<input id="conversationImageInput" type="file" class="hidden" accept="image/*" multiple> <input id="conversationImageInput" type="file" class="hidden" accept="image/*" multiple capture="environment">
<input id="conversationVideoInput" type="file" class="hidden" accept="video/*"> <input id="conversationVideoInput" type="file" class="hidden" accept="video/*" capture="environment">
<input id="conversationFileInput" type="file" class="hidden" multiple accept=".pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.txt,.zip,.rar"> <input id="conversationFileInput" type="file" class="hidden" multiple accept=".pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.txt,.zip,.rar">
<div id="conversationAttachmentsList" class="space-y-1"></div> <div id="conversationAttachmentsList" class="space-y-1"></div>