poc/pds
1
0
Fork 1
Code Issues Pull Requests 8 Actions Packages Projects Releases Wiki Activity

chnage dlogic in ocr for camera crop

Browse Source
This commit is contained in:
dhanabalan
2025-10-25 08:42:00 +05:30
parent e970f253c0
commit f1cfa8499b
1 changed files with 26 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
resources/views/fields/camera-capture.blade.php
View File

@@ -298,8 +298,6 @@ document.addEventListener('DOMContentLoaded', () => {
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.13/cropper.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.13/cropper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@latest"></script>
<script>
@@ -311,21 +309,6 @@ function cameraCapture() {
photo1: '',
// async initCamera() {
// try {
// if (this.stream) this.stream.getTracks().forEach(track => track.stop());
// this.stream = await navigator.mediaDevices.getUserMedia({
// video: { facingMode: this.currentFacingMode }
// });
// this.$refs.video.srcObject = this.stream;
// } catch (err) {
// console.error("Camera error:", err);
// alert("Cannot access camera. Enable permissions or use HTTPS.");
// }
// },
async initCamera() {
try {
if (this.stream) this.stream.getTracks().forEach(track => track.stop());
@@ -334,21 +317,37 @@ function cameraCapture() {
video: { facingMode: this.currentFacingMode }
});
const video = this.$refs.video;
video.srcObject = this.stream;
await video.play();
const overlay = this.$refs.overlay;
overlay.width = video.videoWidth;
overlay.height = video.videoHeight;
this.startTextDetection(); //auto detection after camera start
this.$refs.video.srcObject = this.stream;
this.startDetection();
} catch (err) {
console.error("Camera error:", err);
alert("Camera access failed!");
alert("Cannot access camera. Enable permissions or use HTTPS.");
}
},
// async initCamera() {
// try {
// if (this.stream) this.stream.getTracks().forEach(track => track.stop());
// this.stream = await navigator.mediaDevices.getUserMedia({
// video: { facingMode: this.currentFacingMode }
// });
// const video = this.$refs.video;
// video.srcObject = this.stream;
// await video.play();
// const overlay = this.$refs.overlay;
// overlay.width = video.videoWidth;
// overlay.height = video.videoHeight;
// this.startTextDetection(); //auto detection after camera start
// } catch (err) {
// console.error("Camera error:", err);
// alert("Camera access failed!");
// }
// },
async switchCamera() {
this.currentFacingMode = this.currentFacingMode === 'user' ? 'environment' : 'user';
await this.initCamera();