Camera plugin requesting audio access in web even with enableAudio set to false #112277

Activity

1. danagbemava-nc

   added

   in triagePresently being triaged by the triage teamPresently being triaged by the triage team

   on Sep 26, 2022
2. danagbemava-nc commented on Sep 26, 2022

   

   danagbemava-nc

   on Sep 26, 2022

   Member

   More actions

   I can reproduce this issue using the code sample from the plugin example.

   I did some digging and it looks like the permissions are requested way before the enableAudio portion of the code is reached. I think the enableAudio is only meant to be used for enabling audio when recording a video and it doesn't actually have anything to do with the requested permissions.

   The permissions are requested in availableCameras https://github.com/flutter/plugins/blob/main/packages/camera/camera_web/lib/src/camera_web.dart#L98-L104 and it looks like audio track has been enabled.

   Labeling for further insight from the team.

   code sample

   // Copyright 2013 The Flutter Authors. All rights reserved.
   // Use of this source code is governed by a BSD-style license that can be
   // found in the LICENSE file.
   
   import 'dart:async';
   import 'dart:io';
   
   import 'package:camera/camera.dart';
   import 'package:flutter/foundation.dart';
   import 'package:flutter/material.dart';
   import 'package:flutter/scheduler.dart';
   import 'package:video_player/video_player.dart';
   
   /// Camera example home widget.
   class CameraExampleHome extends StatefulWidget {
     /// Default Constructor
     const CameraExampleHome({Key? key}) : super(key: key);
   
     @override
     State<CameraExampleHome> createState() {
       return _CameraExampleHomeState();
     }
   }
   
   /// Returns a suitable camera icon for [direction].
   IconData getCameraLensIcon(CameraLensDirection direction) {
     switch (direction) {
       case CameraLensDirection.back:
         return Icons.camera_rear;
       case CameraLensDirection.front:
         return Icons.camera_front;
       case CameraLensDirection.external:
         return Icons.camera;
       default:
         throw ArgumentError('Unknown lens direction');
     }
   }
   
   void _logError(String code, String? message) {
     if (message != null) {
       print('Error: $code\nError Message: $message');
     } else {
       print('Error: $code');
     }
   }
   
   class _CameraExampleHomeState extends State<CameraExampleHome>
       with WidgetsBindingObserver, TickerProviderStateMixin {
     CameraController? controller;
     XFile? imageFile;
     XFile? videoFile;
     VideoPlayerController? videoController;
     VoidCallback? videoPlayerListener;
     bool enableAudio = false;
     double _minAvailableExposureOffset = 0.0;
     double _maxAvailableExposureOffset = 0.0;
     double _currentExposureOffset = 0.0;
     late AnimationController _flashModeControlRowAnimationController;
     late Animation<double> _flashModeControlRowAnimation;
     late AnimationController _exposureModeControlRowAnimationController;
     late Animation<double> _exposureModeControlRowAnimation;
     late AnimationController _focusModeControlRowAnimationController;
     late Animation<double> _focusModeControlRowAnimation;
     double _minAvailableZoom = 1.0;
     double _maxAvailableZoom = 1.0;
     double _currentScale = 1.0;
     double _baseScale = 1.0;
   
     // Counting pointers (number of user fingers on screen)
     int _pointers = 0;
   
     @override
     void initState() {
       super.initState();
       _ambiguate(WidgetsBinding.instance)?.addObserver(this);
   
       _flashModeControlRowAnimationController = AnimationController(
         duration: const Duration(milliseconds: 300),
         vsync: this,
       );
       _flashModeControlRowAnimation = CurvedAnimation(
         parent: _flashModeControlRowAnimationController,
         curve: Curves.easeInCubic,
       );
       _exposureModeControlRowAnimationController = AnimationController(
         duration: const Duration(milliseconds: 300),
         vsync: this,
       );
       _exposureModeControlRowAnimation = CurvedAnimation(
         parent: _exposureModeControlRowAnimationController,
         curve: Curves.easeInCubic,
       );
       _focusModeControlRowAnimationController = AnimationController(
         duration: const Duration(milliseconds: 300),
         vsync: this,
       );
       _focusModeControlRowAnimation = CurvedAnimation(
         parent: _focusModeControlRowAnimationController,
         curve: Curves.easeInCubic,
       );
     }
   
     @override
     void dispose() {
       _ambiguate(WidgetsBinding.instance)?.removeObserver(this);
       _flashModeControlRowAnimationController.dispose();
       _exposureModeControlRowAnimationController.dispose();
       super.dispose();
     }
   
     // #docregion AppLifecycle
     @override
     void didChangeAppLifecycleState(AppLifecycleState state) {
       final CameraController? cameraController = controller;
   
       // App state changed before we got the chance to initialize.
       if (cameraController == null || !cameraController.value.isInitialized) {
         return;
       }
   
       if (state == AppLifecycleState.inactive) {
         cameraController.dispose();
       } else if (state == AppLifecycleState.resumed) {
         onNewCameraSelected(cameraController.description);
       }
     }
     // #enddocregion AppLifecycle
   
     @override
     Widget build(BuildContext context) {
       return Scaffold(
         appBar: AppBar(
           title: const Text('Camera example'),
         ),
         body: Column(
           children: <Widget>[
             Expanded(
               child: Container(
                 decoration: BoxDecoration(
                   color: Colors.black,
                   border: Border.all(
                     color:
                         controller != null && controller!.value.isRecordingVideo
                             ? Colors.redAccent
                             : Colors.grey,
                     width: 3.0,
                   ),
                 ),
                 child: Padding(
                   padding: const EdgeInsets.all(1.0),
                   child: Center(
                     child: _cameraPreviewWidget(),
                   ),
                 ),
               ),
             ),
             _captureControlRowWidget(),
             _modeControlRowWidget(),
             Padding(
               padding: const EdgeInsets.all(5.0),
               child: Row(
                 children: <Widget>[
                   _cameraTogglesRowWidget(),
                   _thumbnailWidget(),
                 ],
               ),
             ),
           ],
         ),
       );
     }
   
     /// Display the preview from the camera (or a message if the preview is not available).
     Widget _cameraPreviewWidget() {
       final CameraController? cameraController = controller;
   
       if (cameraController == null || !cameraController.value.isInitialized) {
         return const Text(
           'Tap a camera',
           style: TextStyle(
             color: Colors.white,
             fontSize: 24.0,
             fontWeight: FontWeight.w900,
           ),
         );
       } else {
         return Listener(
           onPointerDown: (_) => _pointers++,
           onPointerUp: (_) => _pointers--,
           child: CameraPreview(
             controller!,
             child: LayoutBuilder(
                 builder: (BuildContext context, BoxConstraints constraints) {
               return GestureDetector(
                 behavior: HitTestBehavior.opaque,
                 onScaleStart: _handleScaleStart,
                 onScaleUpdate: _handleScaleUpdate,
                 onTapDown: (TapDownDetails details) =>
                     onViewFinderTap(details, constraints),
               );
             }),
           ),
         );
       }
     }
   
     void _handleScaleStart(ScaleStartDetails details) {
       _baseScale = _currentScale;
     }
   
     Future<void> _handleScaleUpdate(ScaleUpdateDetails details) async {
       // When there are not exactly two fingers on screen don't scale
       if (controller == null || _pointers != 2) {
         return;
       }
   
       _currentScale = (_baseScale * details.scale)
           .clamp(_minAvailableZoom, _maxAvailableZoom);
   
       await controller!.setZoomLevel(_currentScale);
     }
   
     /// Display the thumbnail of the captured image or video.
     Widget _thumbnailWidget() {
       final VideoPlayerController? localVideoController = videoController;
   
       return Expanded(
         child: Align(
           alignment: Alignment.centerRight,
           child: Row(
             mainAxisSize: MainAxisSize.min,
             children: <Widget>[
               if (localVideoController == null && imageFile == null)
                 Container()
               else
                 SizedBox(
                   width: 64.0,
                   height: 64.0,
                   child: (localVideoController == null)
                       ? (
                           // The captured image on the web contains a network-accessible URL
                           // pointing to a location within the browser. It may be displayed
                           // either with Image.network or Image.memory after loading the image
                           // bytes to memory.
                           kIsWeb
                               ? Image.network(imageFile!.path)
                               : Image.file(File(imageFile!.path)))
                       : Container(
                           decoration: BoxDecoration(
                               border: Border.all(color: Colors.pink)),
                           child: Center(
                             child: AspectRatio(
                                 aspectRatio:
                                     localVideoController.value.size != null
                                         ? localVideoController.value.aspectRatio
                                         : 1.0,
                                 child: VideoPlayer(localVideoController)),
                           ),
                         ),
                 ),
             ],
           ),
         ),
       );
     }
   
     /// Display a bar with buttons to change the flash and exposure modes
     Widget _modeControlRowWidget() {
       return Column(
         children: <Widget>[
           Row(
             mainAxisAlignment: MainAxisAlignment.spaceEvenly,
             children: <Widget>[
               IconButton(
                 icon: const Icon(Icons.flash_on),
                 color: Colors.blue,
                 onPressed: controller != null ? onFlashModeButtonPressed : null,
               ),
               // The exposure and focus mode are currently not supported on the web.
               ...!kIsWeb
                   ? <Widget>[
                       IconButton(
                         icon: const Icon(Icons.exposure),
                         color: Colors.blue,
                         onPressed: controller != null
                             ? onExposureModeButtonPressed
                             : null,
                       ),
                       IconButton(
                         icon: const Icon(Icons.filter_center_focus),
                         color: Colors.blue,
                         onPressed:
                             controller != null ? onFocusModeButtonPressed : null,
                       )
                     ]
                   : <Widget>[],
               IconButton(
                 icon: Icon(enableAudio ? Icons.volume_up : Icons.volume_mute),
                 color: Colors.blue,
                 onPressed: controller != null ? onAudioModeButtonPressed : null,
               ),
               IconButton(
                 icon: Icon(controller?.value.isCaptureOrientationLocked ?? false
                     ? Icons.screen_lock_rotation
                     : Icons.screen_rotation),
                 color: Colors.blue,
                 onPressed: controller != null
                     ? onCaptureOrientationLockButtonPressed
                     : null,
               ),
             ],
           ),
           _flashModeControlRowWidget(),
           _exposureModeControlRowWidget(),
           _focusModeControlRowWidget(),
         ],
       );
     }
   
     Widget _flashModeControlRowWidget() {
       return SizeTransition(
         sizeFactor: _flashModeControlRowAnimation,
         child: ClipRect(
           child: Row(
             mainAxisAlignment: MainAxisAlignment.spaceEvenly,
             children: <Widget>[
               IconButton(
                 icon: const Icon(Icons.flash_off),
                 color: controller?.value.flashMode == FlashMode.off
                     ? Colors.orange
                     : Colors.blue,
                 onPressed: controller != null
                     ? () => onSetFlashModeButtonPressed(FlashMode.off)
                     : null,
               ),
               IconButton(
                 icon: const Icon(Icons.flash_auto),
                 color: controller?.value.flashMode == FlashMode.auto
                     ? Colors.orange
                     : Colors.blue,
                 onPressed: controller != null
                     ? () => onSetFlashModeButtonPressed(FlashMode.auto)
                     : null,
               ),
               IconButton(
                 icon: const Icon(Icons.flash_on),
                 color: controller?.value.flashMode == FlashMode.always
                     ? Colors.orange
                     : Colors.blue,
                 onPressed: controller != null
                     ? () => onSetFlashModeButtonPressed(FlashMode.always)
                     : null,
               ),
               IconButton(
                 icon: const Icon(Icons.highlight),
                 color: controller?.value.flashMode == FlashMode.torch
                     ? Colors.orange
                     : Colors.blue,
                 onPressed: controller != null
                     ? () => onSetFlashModeButtonPressed(FlashMode.torch)
                     : null,
               ),
             ],
           ),
         ),
       );
     }
   
     Widget _exposureModeControlRowWidget() {
       final ButtonStyle styleAuto = TextButton.styleFrom(
         // TODO(darrenaustin): Migrate to new API once it lands in stable: https://github.com/flutter/flutter/issues/105724
         // ignore: deprecated_member_use
         primary: controller?.value.exposureMode == ExposureMode.auto
             ? Colors.orange
             : Colors.blue,
       );
       final ButtonStyle styleLocked = TextButton.styleFrom(
         // TODO(darrenaustin): Migrate to new API once it lands in stable: https://github.com/flutter/flutter/issues/105724
         // ignore: deprecated_member_use
         primary: controller?.value.exposureMode == ExposureMode.locked
             ? Colors.orange
             : Colors.blue,
       );
   
       return SizeTransition(
         sizeFactor: _exposureModeControlRowAnimation,
         child: ClipRect(
           child: Container(
             color: Colors.grey.shade50,
             child: Column(
               children: <Widget>[
                 const Center(
                   child: Text('Exposure Mode'),
                 ),
                 Row(
                   mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                   children: <Widget>[
                     TextButton(
                       style: styleAuto,
                       onPressed: controller != null
                           ? () =>
                               onSetExposureModeButtonPressed(ExposureMode.auto)
                           : null,
                       onLongPress: () {
                         if (controller != null) {
                           controller!.setExposurePoint(null);
                           showInSnackBar('Resetting exposure point');
                         }
                       },
                       child: const Text('AUTO'),
                     ),
                     TextButton(
                       style: styleLocked,
                       onPressed: controller != null
                           ? () =>
                               onSetExposureModeButtonPressed(ExposureMode.locked)
                           : null,
                       child: const Text('LOCKED'),
                     ),
                     TextButton(
                       style: styleLocked,
                       onPressed: controller != null
                           ? () => controller!.setExposureOffset(0.0)
                           : null,
                       child: const Text('RESET OFFSET'),
                     ),
                   ],
                 ),
                 const Center(
                   child: Text('Exposure Offset'),
                 ),
                 Row(
                   mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                   children: <Widget>[
                     Text(_minAvailableExposureOffset.toString()),
                     Slider(
                       value: _currentExposureOffset,
                       min: _minAvailableExposureOffset,
                       max: _maxAvailableExposureOffset,
                       label: _currentExposureOffset.toString(),
                       onChanged: _minAvailableExposureOffset ==
                               _maxAvailableExposureOffset
                           ? null
                           : setExposureOffset,
                     ),
                     Text(_maxAvailableExposureOffset.toString()),
                   ],
                 ),
               ],
             ),
           ),
         ),
       );
     }
   
     Widget _focusModeControlRowWidget() {
       final ButtonStyle styleAuto = TextButton.styleFrom(
         // TODO(darrenaustin): Migrate to new API once it lands in stable: https://github.com/flutter/flutter/issues/105724
         // ignore: deprecated_member_use
         primary: controller?.value.focusMode == FocusMode.auto
             ? Colors.orange
             : Colors.blue,
       );
       final ButtonStyle styleLocked = TextButton.styleFrom(
         // TODO(darrenaustin): Migrate to new API once it lands in stable: https://github.com/flutter/flutter/issues/105724
         // ignore: deprecated_member_use
         primary: controller?.value.focusMode == FocusMode.locked
             ? Colors.orange
             : Colors.blue,
       );
   
       return SizeTransition(
         sizeFactor: _focusModeControlRowAnimation,
         child: ClipRect(
           child: Container(
             color: Colors.grey.shade50,
             child: Column(
               children: <Widget>[
                 const Center(
                   child: Text('Focus Mode'),
                 ),
                 Row(
                   mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                   children: <Widget>[
                     TextButton(
                       style: styleAuto,
                       onPressed: controller != null
                           ? () => onSetFocusModeButtonPressed(FocusMode.auto)
                           : null,
                       onLongPress: () {
                         if (controller != null) {
                           controller!.setFocusPoint(null);
                         }
                         showInSnackBar('Resetting focus point');
                       },
                       child: const Text('AUTO'),
                     ),
                     TextButton(
                       style: styleLocked,
                       onPressed: controller != null
                           ? () => onSetFocusModeButtonPressed(FocusMode.locked)
                           : null,
                       child: const Text('LOCKED'),
                     ),
                   ],
                 ),
               ],
             ),
           ),
         ),
       );
     }
   
     /// Display the control bar with buttons to take pictures and record videos.
     Widget _captureControlRowWidget() {
       final CameraController? cameraController = controller;
   
       return Row(
         mainAxisAlignment: MainAxisAlignment.spaceEvenly,
         children: <Widget>[
           IconButton(
             icon: const Icon(Icons.camera_alt),
             color: Colors.blue,
             onPressed: cameraController != null &&
                     cameraController.value.isInitialized &&
                     !cameraController.value.isRecordingVideo
                 ? onTakePictureButtonPressed
                 : null,
           ),
           IconButton(
             icon: const Icon(Icons.videocam),
             color: Colors.blue,
             onPressed: cameraController != null &&
                     cameraController.value.isInitialized &&
                     !cameraController.value.isRecordingVideo
                 ? onVideoRecordButtonPressed
                 : null,
           ),
           IconButton(
             icon: cameraController != null &&
                     cameraController.value.isRecordingPaused
                 ? const Icon(Icons.play_arrow)
                 : const Icon(Icons.pause),
             color: Colors.blue,
             onPressed: cameraController != null &&
                     cameraController.value.isInitialized &&
                     cameraController.value.isRecordingVideo
                 ? (cameraController.value.isRecordingPaused)
                     ? onResumeButtonPressed
                     : onPauseButtonPressed
                 : null,
           ),
           IconButton(
             icon: const Icon(Icons.stop),
             color: Colors.red,
             onPressed: cameraController != null &&
                     cameraController.value.isInitialized &&
                     cameraController.value.isRecordingVideo
                 ? onStopButtonPressed
                 : null,
           ),
           IconButton(
             icon: const Icon(Icons.pause_presentation),
             color:
                 cameraController != null && cameraController.value.isPreviewPaused
                     ? Colors.red
                     : Colors.blue,
             onPressed:
                 cameraController == null ? null : onPausePreviewButtonPressed,
           ),
         ],
       );
     }
   
     /// Display a row of toggle to select the camera (or a message if no camera is available).
     Widget _cameraTogglesRowWidget() {
       final List<Widget> toggles = <Widget>[];
   
       void onChanged(CameraDescription? description) {
         if (description == null) {
           return;
         }
   
         onNewCameraSelected(description);
       }
   
       if (_cameras.isEmpty) {
         _ambiguate(SchedulerBinding.instance)?.addPostFrameCallback((_) async {
           showInSnackBar('No camera found.');
         });
         return const Text('None');
       } else {
         for (final CameraDescription cameraDescription in _cameras) {
           toggles.add(
             SizedBox(
               width: 90.0,
               child: RadioListTile<CameraDescription>(
                 title: Icon(getCameraLensIcon(cameraDescription.lensDirection)),
                 groupValue: controller?.description,
                 value: cameraDescription,
                 onChanged:
                     controller != null && controller!.value.isRecordingVideo
                         ? null
                         : onChanged,
               ),
             ),
           );
         }
       }
   
       return Row(children: toggles);
     }
   
     String timestamp() => DateTime.now().millisecondsSinceEpoch.toString();
   
     void showInSnackBar(String message) {
       ScaffoldMessenger.of(context)
           .showSnackBar(SnackBar(content: Text(message)));
     }
   
     void onViewFinderTap(TapDownDetails details, BoxConstraints constraints) {
       if (controller == null) {
         return;
       }
   
       final CameraController cameraController = controller!;
   
       final Offset offset = Offset(
         details.localPosition.dx / constraints.maxWidth,
         details.localPosition.dy / constraints.maxHeight,
       );
       cameraController.setExposurePoint(offset);
       cameraController.setFocusPoint(offset);
     }
   
     Future<void> onNewCameraSelected(CameraDescription cameraDescription) async {
       final CameraController? oldController = controller;
       if (oldController != null) {
         // `controller` needs to be set to null before getting disposed,
         // to avoid a race condition when we use the controller that is being
         // disposed. This happens when camera permission dialog shows up,
         // which triggers `didChangeAppLifecycleState`, which disposes and
         // re-creates the controller.
         controller = null;
         await oldController.dispose();
       }
   
       final CameraController cameraController = CameraController(
         cameraDescription,
         kIsWeb ? ResolutionPreset.max : ResolutionPreset.medium,
         enableAudio: enableAudio,
         imageFormatGroup: ImageFormatGroup.jpeg,
       );
   
       controller = cameraController;
   
       // If the controller is updated then update the UI.
       cameraController.addListener(() {
         if (mounted) {
           setState(() {});
         }
         if (cameraController.value.hasError) {
           showInSnackBar(
               'Camera error ${cameraController.value.errorDescription}');
         }
       });
   
       try {
         await cameraController.initialize();
         await Future.wait(<Future<Object?>>[
           // The exposure mode is currently not supported on the web.
           ...!kIsWeb
               ? <Future<Object?>>[
                   cameraController.getMinExposureOffset().then(
                       (double value) => _minAvailableExposureOffset = value),
                   cameraController
                       .getMaxExposureOffset()
                       .then((double value) => _maxAvailableExposureOffset = value)
                 ]
               : <Future<Object?>>[],
           cameraController
               .getMaxZoomLevel()
               .then((double value) => _maxAvailableZoom = value),
           cameraController
               .getMinZoomLevel()
               .then((double value) => _minAvailableZoom = value),
         ]);
       } on CameraException catch (e) {
         switch (e.code) {
           case 'CameraAccessDenied':
             showInSnackBar('You have denied camera access.');
             break;
           case 'CameraAccessDeniedWithoutPrompt':
             // iOS only
             showInSnackBar('Please go to Settings app to enable camera access.');
             break;
           case 'CameraAccessRestricted':
             // iOS only
             showInSnackBar('Camera access is restricted.');
             break;
           case 'AudioAccessDenied':
             showInSnackBar('You have denied audio access.');
             break;
           case 'AudioAccessDeniedWithoutPrompt':
             // iOS only
             showInSnackBar('Please go to Settings app to enable audio access.');
             break;
           case 'AudioAccessRestricted':
             // iOS only
             showInSnackBar('Audio access is restricted.');
             break;
           default:
             _showCameraException(e);
             break;
         }
       }
   
       if (mounted) {
         setState(() {});
       }
     }
   
     void onTakePictureButtonPressed() {
       takePicture().then((XFile? file) {
         if (mounted) {
           setState(() {
             imageFile = file;
             videoController?.dispose();
             videoController = null;
           });
           if (file != null) {
             showInSnackBar('Picture saved to ${file.path}');
           }
         }
       });
     }
   
     void onFlashModeButtonPressed() {
       if (_flashModeControlRowAnimationController.value == 1) {
         _flashModeControlRowAnimationController.reverse();
       } else {
         _flashModeControlRowAnimationController.forward();
         _exposureModeControlRowAnimationController.reverse();
         _focusModeControlRowAnimationController.reverse();
       }
     }
   
     void onExposureModeButtonPressed() {
       if (_exposureModeControlRowAnimationController.value == 1) {
         _exposureModeControlRowAnimationController.reverse();
       } else {
         _exposureModeControlRowAnimationController.forward();
         _flashModeControlRowAnimationController.reverse();
         _focusModeControlRowAnimationController.reverse();
       }
     }
   
     void onFocusModeButtonPressed() {
       if (_focusModeControlRowAnimationController.value == 1) {
         _focusModeControlRowAnimationController.reverse();
       } else {
         _focusModeControlRowAnimationController.forward();
         _flashModeControlRowAnimationController.reverse();
         _exposureModeControlRowAnimationController.reverse();
       }
     }
   
     void onAudioModeButtonPressed() {
       enableAudio = !enableAudio;
       if (controller != null) {
         onNewCameraSelected(controller!.description);
       }
     }
   
     Future<void> onCaptureOrientationLockButtonPressed() async {
       try {
         if (controller != null) {
           final CameraController cameraController = controller!;
           if (cameraController.value.isCaptureOrientationLocked) {
             await cameraController.unlockCaptureOrientation();
             showInSnackBar('Capture orientation unlocked');
           } else {
             await cameraController.lockCaptureOrientation();
             showInSnackBar(
                 'Capture orientation locked to ${cameraController.value.lockedCaptureOrientation.toString().split('.').last}');
           }
         }
       } on CameraException catch (e) {
         _showCameraException(e);
       }
     }
   
     void onSetFlashModeButtonPressed(FlashMode mode) {
       setFlashMode(mode).then((_) {
         if (mounted) {
           setState(() {});
         }
         showInSnackBar('Flash mode set to ${mode.toString().split('.').last}');
       });
     }
   
     void onSetExposureModeButtonPressed(ExposureMode mode) {
       setExposureMode(mode).then((_) {
         if (mounted) {
           setState(() {});
         }
         showInSnackBar('Exposure mode set to ${mode.toString().split('.').last}');
       });
     }
   
     void onSetFocusModeButtonPressed(FocusMode mode) {
       setFocusMode(mode).then((_) {
         if (mounted) {
           setState(() {});
         }
         showInSnackBar('Focus mode set to ${mode.toString().split('.').last}');
       });
     }
   
     void onVideoRecordButtonPressed() {
       startVideoRecording().then((_) {
         if (mounted) {
           setState(() {});
         }
       });
     }
   
     void onStopButtonPressed() {
       stopVideoRecording().then((XFile? file) {
         if (mounted) {
           setState(() {});
         }
         if (file != null) {
           showInSnackBar('Video recorded to ${file.path}');
           videoFile = file;
           _startVideoPlayer();
         }
       });
     }
   
     Future<void> onPausePreviewButtonPressed() async {
       final CameraController? cameraController = controller;
   
       if (cameraController == null || !cameraController.value.isInitialized) {
         showInSnackBar('Error: select a camera first.');
         return;
       }
   
       if (cameraController.value.isPreviewPaused) {
         await cameraController.resumePreview();
       } else {
         await cameraController.pausePreview();
       }
   
       if (mounted) {
         setState(() {});
       }
     }
   
     void onPauseButtonPressed() {
       pauseVideoRecording().then((_) {
         if (mounted) {
           setState(() {});
         }
         showInSnackBar('Video recording paused');
       });
     }
   
     void onResumeButtonPressed() {
       resumeVideoRecording().then((_) {
         if (mounted) {
           setState(() {});
         }
         showInSnackBar('Video recording resumed');
       });
     }
   
     Future<void> startVideoRecording() async {
       final CameraController? cameraController = controller;
   
       if (cameraController == null || !cameraController.value.isInitialized) {
         showInSnackBar('Error: select a camera first.');
         return;
       }
   
       if (cameraController.value.isRecordingVideo) {
         // A recording is already started, do nothing.
         return;
       }
   
       try {
         await cameraController.startVideoRecording();
       } on CameraException catch (e) {
         _showCameraException(e);
         return;
       }
     }
   
     Future<XFile?> stopVideoRecording() async {
       final CameraController? cameraController = controller;
   
       if (cameraController == null || !cameraController.value.isRecordingVideo) {
         return null;
       }
   
       try {
         return cameraController.stopVideoRecording();
       } on CameraException catch (e) {
         _showCameraException(e);
         return null;
       }
     }
   
     Future<void> pauseVideoRecording() async {
       final CameraController? cameraController = controller;
   
       if (cameraController == null || !cameraController.value.isRecordingVideo) {
         return;
       }
   
       try {
         await cameraController.pauseVideoRecording();
       } on CameraException catch (e) {
         _showCameraException(e);
         rethrow;
       }
     }
   
     Future<void> resumeVideoRecording() async {
       final CameraController? cameraController = controller;
   
       if (cameraController == null || !cameraController.value.isRecordingVideo) {
         return;
       }
   
       try {
         await cameraController.resumeVideoRecording();
       } on CameraException catch (e) {
         _showCameraException(e);
         rethrow;
       }
     }
   
     Future<void> setFlashMode(FlashMode mode) async {
       if (controller == null) {
         return;
       }
   
       try {
         await controller!.setFlashMode(mode);
       } on CameraException catch (e) {
         _showCameraException(e);
         rethrow;
       }
     }
   
     Future<void> setExposureMode(ExposureMode mode) async {
       if (controller == null) {
         return;
       }
   
       try {
         await controller!.setExposureMode(mode);
       } on CameraException catch (e) {
         _showCameraException(e);
         rethrow;
       }
     }
   
     Future<void> setExposureOffset(double offset) async {
       if (controller == null) {
         return;
       }
   
       setState(() {
         _currentExposureOffset = offset;
       });
       try {
         offset = await controller!.setExposureOffset(offset);
       } on CameraException catch (e) {
         _showCameraException(e);
         rethrow;
       }
     }
   
     Future<void> setFocusMode(FocusMode mode) async {
       if (controller == null) {
         return;
       }
   
       try {
         await controller!.setFocusMode(mode);
       } on CameraException catch (e) {
         _showCameraException(e);
         rethrow;
       }
     }
   
     Future<void> _startVideoPlayer() async {
       if (videoFile == null) {
         return;
       }
   
       final VideoPlayerController vController = kIsWeb
           ? VideoPlayerController.network(videoFile!.path)
           : VideoPlayerController.file(File(videoFile!.path));
   
       videoPlayerListener = () {
         if (videoController != null && videoController!.value.size != null) {
           // Refreshing the state to update video player with the correct ratio.
           if (mounted) {
             setState(() {});
           }
           videoController!.removeListener(videoPlayerListener!);
         }
       };
       vController.addListener(videoPlayerListener!);
       await vController.setLooping(true);
       await vController.initialize();
       await videoController?.dispose();
       if (mounted) {
         setState(() {
           imageFile = null;
           videoController = vController;
         });
       }
       await vController.play();
     }
   
     Future<XFile?> takePicture() async {
       final CameraController? cameraController = controller;
       if (cameraController == null || !cameraController.value.isInitialized) {
         showInSnackBar('Error: select a camera first.');
         return null;
       }
   
       if (cameraController.value.isTakingPicture) {
         // A capture is already pending, do nothing.
         return null;
       }
   
       try {
         final XFile file = await cameraController.takePicture();
         return file;
       } on CameraException catch (e) {
         _showCameraException(e);
         return null;
       }
     }
   
     void _showCameraException(CameraException e) {
       _logError(e.code, e.description);
       showInSnackBar('Error: ${e.code}\n${e.description}');
     }
   }
   
   /// CameraApp is the Main Application.
   class CameraApp extends StatelessWidget {
     /// Default Constructor
     const CameraApp({Key? key}) : super(key: key);
   
     @override
     Widget build(BuildContext context) {
       return const MaterialApp(
         home: CameraExampleHome(),
       );
     }
   }
   
   List<CameraDescription> _cameras = <CameraDescription>[];
   
   Future<void> main() async {
     // Fetch the available cameras before initializing the app.
     try {
       WidgetsFlutterBinding.ensureInitialized();
       _cameras = await availableCameras();
     } on CameraException catch (e) {
       _logError(e.code, e.description);
     }
     runApp(const CameraApp());
   }
   
   /// This allows a value of type T or T? to be treated as a value of type T?.
   ///
   /// We use this so that APIs that have become non-nullable can still be used
   /// with `!` and `?` on the stable branch.
   // TODO(ianh): Remove this once we roll stable in late 2021.
   T? _ambiguate<T>(T? value) => value;
   

   flutter doctor -v

   [✓] Flutter (Channel stable, 3.3.2, on macOS 12.6 21G115 darwin-arm, locale en-GB)
       • Flutter version 3.3.2 on channel stable at /Users/nexus/dev/sdks/flutter
       • Upstream repository https://github.com/flutter/flutter.git
       • Framework revision e3c29ec00c (12 days ago), 2022-09-14 08:46:55 -0500
       • Engine revision a4ff2c53d8
       • Dart version 2.18.1
       • DevTools version 2.15.0
   
   [✓] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
       • Android SDK at /Users/nexus/Library/Android/sdk
       • Platform android-33, build-tools 33.0.0
       • Java binary at: /Applications/Android Studio.app/Contents/jre/Contents/Home/bin/java
       • Java version OpenJDK Runtime Environment (build 11.0.13+0-b1751.21-8125866)
       • All Android licenses accepted.
   
   [✓] Xcode - develop for iOS and macOS (Xcode 14.0)
       • Xcode at /Applications/Xcode.app/Contents/Developer
       • Build 14A309
       • CocoaPods version 1.11.3
   
   [✓] Chrome - develop for the web
       • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome
   
   [✓] Android Studio (version 2021.3)
       • Android Studio at /Applications/Android Studio.app/Contents
       • Flutter plugin can be installed from:
         🔨 https://plugins.jetbrains.com/plugin/9212-flutter
       • Dart plugin can be installed from:
         🔨 https://plugins.jetbrains.com/plugin/6351-dart
       • Java version OpenJDK Runtime Environment (build 11.0.13+0-b1751.21-8125866)
   
   [✓] Android Studio (version 2021.2)
       • Android Studio at /Users/nexus/Library/Application Support/JetBrains/Toolbox/apps/AndroidStudio/ch-0/212.5712.43.2112.8815526/Android Studio.app/Contents
       • Flutter plugin can be installed from:
         🔨 https://plugins.jetbrains.com/plugin/9212-flutter
       • Dart plugin can be installed from:
         🔨 https://plugins.jetbrains.com/plugin/6351-dart
       • Java version OpenJDK Runtime Environment (build 11.0.12+0-b1504.28-7817840)
   
   [✓] VS Code (version 1.71.2)
       • VS Code at /Applications/Visual Studio Code.app/Contents
       • Flutter extension version 3.48.0
   
   [✓] Connected device (4 available)
       • Nexus (mobile)         • 00008020-001875E83A38002E            • ios            • iOS 16.0.2 20A380
       • iPhone 14 Pro (mobile) • 4302007A-B132-4B89-887A-C5993FCA3284 • ios            • com.apple.CoreSimulator.SimRuntime.iOS-16-0 (simulator)
       • macOS (desktop)        • macos                                • darwin-arm64   • macOS 12.6 21G115 darwin-arm
       • Chrome (web)           • chrome                               • web-javascript • Google Chrome 105.0.5195.125
   
   [✓] HTTP Host Availability
       • All required HTTP hosts are available
   
   • No issues found!
   

   [✓] Flutter (Channel master, 3.4.0-30.0.pre.18, on macOS 12.6 21G115 darwin-arm64, locale en-GB)
       • Flutter version 3.4.0-30.0.pre.18 on channel master at /Users/nexus/dev/sdks/flutters
       • Upstream repository https://github.com/flutter/flutter.git
       • Framework revision 9f5174f721 (7 hours ago), 2022-09-25 21:14:31 -0400
       • Engine revision 1c232b584c
       • Dart version 2.19.0 (build 2.19.0-240.0.dev)
       • DevTools version 2.17.0
   
   [✓] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
       • Android SDK at /Users/nexus/Library/Android/sdk
       • Platform android-33, build-tools 33.0.0
       • Java binary at: /Applications/Android Studio.app/Contents/jre/Contents/Home/bin/java
       • Java version OpenJDK Runtime Environment (build 11.0.13+0-b1751.21-8125866)
       • All Android licenses accepted.
   
   [✓] Xcode - develop for iOS and macOS (Xcode 14.0)
       • Xcode at /Applications/Xcode.app/Contents/Developer
       • Build 14A309
       • CocoaPods version 1.11.3
   
   [✓] Chrome - develop for the web
       • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome
   
   [✓] Android Studio (version 2021.3)
       • Android Studio at /Applications/Android Studio.app/Contents
       • Flutter plugin can be installed from:
         🔨 https://plugins.jetbrains.com/plugin/9212-flutter
       • Dart plugin can be installed from:
         🔨 https://plugins.jetbrains.com/plugin/6351-dart
       • Java version OpenJDK Runtime Environment (build 11.0.13+0-b1751.21-8125866)
   
   [✓] Android Studio (version 2021.2)
       • Android Studio at /Users/nexus/Library/Application Support/JetBrains/Toolbox/apps/AndroidStudio/ch-0/212.5712.43.2112.8815526/Android Studio.app/Contents
       • Flutter plugin can be installed from:
         🔨 https://plugins.jetbrains.com/plugin/9212-flutter
       • Dart plugin can be installed from:
         🔨 https://plugins.jetbrains.com/plugin/6351-dart
       • Java version OpenJDK Runtime Environment (build 11.0.12+0-b1504.28-7817840)
   
   [✓] VS Code (version 1.71.2)
       • VS Code at /Applications/Visual Studio Code.app/Contents
       • Flutter extension version 3.48.0
   
   [✓] Connected device (4 available)
       • Nexus (mobile)         • 00008020-001875E83A38002E            • ios            • iOS 16.0.2 20A380
       • iPhone 14 Pro (mobile) • 4302007A-B132-4B89-887A-C5993FCA3284 • ios            • com.apple.CoreSimulator.SimRuntime.iOS-16-0 (simulator)
       • macOS (desktop)        • macos                                • darwin-arm64   • macOS 12.6 21G115 darwin-arm64
       • Chrome (web)           • chrome                               • web-javascript • Google Chrome 105.0.5195.125
   
   [✓] HTTP Host Availability
       • All required HTTP hosts are available
   
   • No issues found!
   

   👍React with 👍3Reacted by Oscar, Alejandro Santiago and Jonathan Mlynarczyk
3. danagbemava-nc

   added

   plugin

   p: first party

   platform-webWeb applications specificallyWeb applications specifically

   p: cameraThe camera pluginThe camera plugin

   has reproducible stepsThe issue has been confirmed reproducible and is ready to work onThe issue has been confirmed reproducible and is ready to work on

   found in release: 3.3Found to occur in 3.3Found to occur in 3.3

   found in release: 3.4Found to occur in 3.4Found to occur in 3.4

   and removed

   in triagePresently being triaged by the triage teamPresently being triaged by the triage team

   on Sep 26, 2022
4. abhi-shek2000 commented on Sep 28, 2022

   

   abhi-shek2000

   on Sep 28, 2022

   More actions

   The user should be able to set permission when availableCameras() function is called.

   👍React with 👍3Reacted by David Iglesias, Jonathan Mlynarczyk and Stelios Papamichail
5. yjbanov

   assigned

   ditman

   on Sep 29, 2022
6. yjbanov

   added

   assigned for triageissue is assigned to a domain expert for further triageissue is assigned to a domain expert for further triage

   on Sep 29, 2022
7. ditman commented on Sep 29, 2022

   

   ditman

   on Sep 29, 2022

   Member

   More actions

   As @abhi-shek2000 said, it seems we're unconditionally requesting all permissions on the availableCameras call, here:

   https://github.com/flutter/plugins/blob/ded5528fa0224f943f9bd92f25e9ff1260f59490/packages/camera/camera_web/lib/src/camera_web.dart#L98-L111

   It seems to me, that we do that so the next enumerateDevices call contains more useful information, see here.

   Passing a boolean with audio enabled or not to enumerateDevices is probably OK! (However, I'm not sure what will happen if the programmer later says: OK, now I want the microphone! That might trigger a second permissions request?)
8. stuartmorgan-g

   removed

   plugin

   on Sep 29, 2022
9. 23 remaining items

   Load more
10. stuartmorgan-g

    removed

    p: first party

    on Feb 10, 2023
11. maciejbrzezinski commented on Feb 13, 2023

    

    maciejbrzezinski

    on Feb 13, 2023

    Last edited by maciejbrzezinski

    More actions

    Hello, any updates here? Our users are afraid of the app, because we ask for microphone permission to take a photo, it looks weird.

    👍React with 👍4Reacted by Danny, Greg Price, Arley011 and Andrzej Chmielewski
12. pogorv12 commented on Mar 19, 2023

    

    pogorv12

    on Mar 19, 2023

    More actions

    Hello!
    I saw that PR was achieved and should be moved to packages now. Could it be expected in the nearest time?
13. maciejbrzezinski commented on Jun 21, 2023

    

    maciejbrzezinski

    on Jun 21, 2023

    More actions

    I've created a pull request for the issue, @ditman can you have a look?

    👍React with 👍1Reacted by David Iglesias
14. flutter-triage-bot

    added

    packageflutter/packages repository. See also p: labels.flutter/packages repository. See also p: labels.

    on Jul 5, 2023
15. Hixie

    removed

    plugin

    on Jul 6, 2023
16. flutter-triage-bot

    added

    multiteam-retriage-candidate

    team-webOwned by Web platform teamOwned by Web platform team

    triaged-webTriaged by Web platform teamTriaged by Web platform team

    on Jul 8, 2023
17. ditman commented on Jul 11, 2023

    

    ditman

    on Jul 11, 2023

    Member

    More actions

    @maciejbrzezinski it's in my list! Apologies for the delay, I'm still catching up with older reviews for web plugins!
18. auto-submit

    closed this as completedin packages#4263on Jul 31, 2023
19. auto-submit

    added a commit that references this issue on Jul 31, 2023

    [camera] Removed the microphone permission request from availableCame…

    ...

    9074ea9
20. danagbemava-nc

    added

    r: fixedIssue is closed as already fixed in a newer versionIssue is closed as already fixed in a newer version

    on Aug 1, 2023
21. github-actions commented on Aug 15, 2023

    

    github-actionsbot

    on Aug 15, 2023

    More actions

    This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.
22. github-actions

    locked as resolved and limited conversation to collaborators on Aug 15, 2023