piotrfleury / camcode

a Flutter web camera barcode scan library

Hi there 👋

I'm Piotr FLEURY, I'm currently working at XPEHO company as Technical Director.

I've been working on many Java applications starting from 2008 using Java 4, Spring (with XML), JBoss, Hibernate (also with XML), PostgreSQL and so on. I learned Android app developpment since Android 2.3 using Eclipse IDE, ADT plugin and maven

I finally falled in love with Flutter 😍 and I try to do my best to share this technology to everyone.

Nowadays I work on mobile apps full stack developpment with Flutter Web PWA communicating with Spring boot micro services using REST API, MongoDB and PostgreSQL

• 🔭 I’m currently working on making apps with Flutter. I'm also searching for new ways exchange with candidates in coding interviews
• 🌱 I’m currently learning Rust
• 👯 I’m looking to collaborate on new projects to share knowledge and also learn new things
• 🤔 I’m looking for help with cloud, documentation, open source
• 💬 Ask me about Git, Flutter, Dart, PWA, Android, Kotlin, Java, Spring boot, REST API, Docker, CI/CD, SQL, maven, gradle
• 📫 How to reach me: on Twitter @PiotrFLEURY
• 😄 Pronouns: he/him
• 🔨 IDEs: VS Code, IntelliJ, Android Studio
• 🌐 Website: https://mobile-tools.dev/
• 🎯 Dart packages & plugins: Checkout my open source Dart & Flutter packages on https://pub.dev/publishers/mobile-tools.dev/packages
• 🎨 Preferred languages: Dart, Kotlin, Java, Javascript, SQL and... Rust

camcode's Issues

improve efficiency of camcode

Hello,

Scanner should recognize barcodes in less than 1 second
User should not be forced to manage the zoom with the distance between phone and sticker to scan

Thank you Piotr :D

Trying to use back camera on Android device (Flutter Web app). fetchDeviceList never completes

I'm using an Android tablet running this as a Flutter web app. I'm using Quagga like the example. The barcode.js code looks like this:

function detectBarcode(dataUrl, callback) {
    Quagga.decodeSingle({
        decoder: {
            readers: [
                "code_128_reader",
                "ean_reader",
                "ean_8_reader",
                "code_39_reader",
                "code_39_vin_reader",
                "code_93_reader"
            ] // List of active readers
        },
        locate: true, // try to locate the barcode in the image
        src: dataUrl // or 'data:image/jpg;base64,' + data
    }, function (result) {
        if (result && result.codeResult) {
            console.log("result", result.codeResult.code);
            callback(result.codeResult.code);
        } else {
            console.log("not detected");
        }
    });
}

After some research I thought maybe I could use the CamCodeScannerController.selectDevice() function to set it to the back camera. So I tried to use CamCodeScannerController.fetchDeviceList(), but that never completes when I call it (i.e. if I do await CamCodeScannerController.fetchDeviceList() it never gets past that line).

At this point I'm not even sure if I'm supposed to be setting the device in the Quagga code or in the CamCodeScannerController.

So to reiterate: The end goal is to get it to use the back camera instead of the front camera.

Question - My phone shows a blank screen and i cannot run in local and web server

My phone doesn't show the reader.
He requests the camera but nothing appears.

Every time I try to run the program on a server localhost, the application shows a screen with no information and gives the following error :

Error: PlatformException(error, TypeError: Cannot read property 'apply' of undefined, null, null)
at Object.throw_ [as throw] (http://10.0.0.146/dart_sdk.js:5063:11)
at StandardMethodCodec.decodeEnvelope (http://10.0.0.146/packages/flutter/src/services/system_channels.dart.lib.js:1351:19)
at platform_channel.MethodChannel.new._invokeMethod (http://10.0.0.146/packages/flutter/src/services/system_channels.dart.lib.js:1500:47)
at _invokeMethod.next ()
at http://10.0.0.146/dart_sdk.js:37788:33
at _RootZone.runUnary (http://10.0.0.146/dart_sdk.js:37659:59)
at _FutureListener.thenAwait.handleValue (http://10.0.0.146/dart_sdk.js:32861:29)
at handleValueCallback (http://10.0.0.146/dart_sdk.js:33413:49)
at Function._propagateToListeners (http://10.0.0.146/dart_sdk.js:33451:17)
at _Future.new.[_completeWithValue] (http://10.0.0.146/dart_sdk.js:33299:23)
at async._AsyncCallbackEntry.new.callback (http://10.0.0.146/dart_sdk.js:33320:35)
at Object._microtaskLoop (http://10.0.0.146/dart_sdk.js:37926:13)
at _startMicrotaskLoop (http://10.0.0.146/dart_sdk.js:37932:13)
at http://10.0.0.146/dart_sdk.js:33667:9

I'm new on flutter and I'm testing your package, would appreciate your answer c:

And sorry for my bad english, i'm a brazillian guy.

Camera view on iOS doesn't work

When open the CamCodeScanner() in Safari/Chomre/FireFox on my IPhone XR (14.4.2) i just get an black screen. But i get the red camera icon and the green dot which indicate that the camera is activated.

On Android and Desktop it works fine in all browsers. Andy hints?

Thanks in forward.

[BUG] its only show front facing camera

tested in both andoird and ios on chrom and safari , always get front camera. cant scan with back camera ,

Can't read QR and Bar codes using web camera in laptop/desktop

I want to know whether this package will scans QR and bar codes using web camera?

null safety migration

Migrate the library to null safety.

https://dart.dev/null-safety/migration-guide

Bottom overflowed

On version 1.0.4, there is a bottom overflow

My code :

void _webScanCamera(Task task) {
  showDialog(
    context: context,
    builder: (context) => CamCodeScanner(
      width: MediaQuery.of(context).size.width,
      height: MediaQuery.of(context).size.height,
      refreshDelayMillis: 200,
      onBarcodeResult: (barcode) {
        Navigator.of(context).pop();
        _handleWebScanResult(barcode, task);
      },
    ),
  );
}

MissingPluginException

MissingPluginException(No implementation found for method initialize on channel camcode)
#0 MethodChannel._invokeMethod (package:flutter/src/services/platform_channel.dart:154:7)
E/flutter (15395):
E/flutter (15395): #1 _CamCodeScannerState.initialize (package:camcode/cam_code_scanner.dart:82:18)
E/flutter (15395):

Capture Response time is too high

hello dear i used your package and it works well with web but the main issue are
it is very slow in scanning the code as it take too much time in seconds, once it scan it just disappear like it calls releaseResource() and if and then there is no option to rescan anyother thing i have to reload my page for that,

Camera Access in Mobile Browser

Hi,

i have some issiues but i'm not sure of these.

When i want to use my app in phone browser(iphone se 2 generation, safari) camera is not working.
I'm just seing loading indicator but when i test it chrome on windows it is work properly.

Camcode - different notes

Hi
Thank you for this project.
We wanted to create a non-profit app to scan the dangerous food products and tested your module.
Some notes:

The scan area is bit small, can it take wider?

We need to keep the camera close to the product, possible to make it more sensitive

Important! Tested on Samsung S8 and Samsung S21 Android phones.
S21 cannot read the codebar.

Is it possible to contact you via email or other for more technical questions?

Thank you

is it possible to get it working with qr code?

Method for ReleaseResources in Flutter Web

Hi,

Can you add a method for release resources in flutter web when we clicked in back button.

await channel.invokeMethod('releaseResources')

Thank you 😬

implement pointsOfInterest

Specify the pointsOfInterest property of the video tracks

see https://developer.mozilla.org/en-US/docs/Web/API/MediaTrackConstraints

Getting TypeError when opening the scan page

Using this in a web app and when tapping on a button

 onTap: () {
            openScanner(context, _onResult);},

I'm getting the below error over and over

TypeError: dart.global.detectBarcode is not a function
packages/camcode/camcode_web.dart 280:5                                  _takePicture
dart-sdk/lib/_internal/js_dev_runtime/patch/async_patch.dart 84:54       runBody
dart-sdk/lib/_internal/js_dev_runtime/patch/async_patch.dart 123:5       _async
packages/camcode/camcode_web.dart 240:28                                 [_takePicture]
packages/camcode/camcode_web.dart 233:9                                  <fn>
dart-sdk/lib/_internal/js_dev_runtime/private/isolate_helper.dart 80:17  <fn>
Webcam taille : 1080 & 1920
Webcam video taille : 0 & 0

[✓] Flutter (Channel stable, 3.3.7, on macOS 12.6 21G115 darwin-x64, locale en-RO)
[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
[✓] Xcode - develop for iOS and macOS (Xcode 13.4.1)
[✓] Chrome - develop for the web
[!] Android Studio (not installed)
[✓] VS Code (version 1.73.1)
[✓] Connected device (2 available)
[✓] HTTP Host Availability

Add torch capability

Add a button to toggle the torch

See https://developer.mozilla.org/en-US/docs/Web/API/MediaTrackConstraints