ICEfaces
  1. ICEfaces
  2. ICE-11176

Support HTML5 "Navigator.mediaDevices.getUserMedia()" when available on mobi:camera, mobi:microphone

    Details

    • Type: Improvement Improvement
    • Status: Closed
    • Priority: Major Major
    • Resolution: Fixed
    • Affects Version/s: 4.1
    • Fix Version/s: 4.2.BETA, 4.2
    • Component/s: MOBI-Components
    • Labels:
      None
    • Environment:
      ICEfaces 4.x mobi components
    • Assignee Priority:
      P2

      Description

      This JIRA is to modify the mobi:camera, mobi:camcorder, mobi:microphone components to detect if the HTML5 "Navigator.mediaDevices.getUserMedia()" APIs are available in the browser, and if so, use the HTML5 camera or microphone instead of the BridgeIt app.

      If the APIs are not available, then BridgeIt should be detected and used if available.
      1. AndroidCamera1.png
        158 kB
      2. AndroidCamera2.png
        168 kB
      3. AndroidCamera3.png
        168 kB
      4. Camera.PNG
        58 kB
      5. collapse.PNG
        39 kB
      6. Microphone-MsEdge38.PNG
        48 kB
      7. modal.png
        462 kB
      8. thumbnail.png
        180 kB
      9. toggledView.png
        814 kB
      10. toggledView2.png
        141 kB
      11. uploaded.png
        182 kB

        Issue Links

          Activity

          Repository Revision Date User Message
          ICEsoft Public SVN Repository #50567 Tue Feb 21 11:19:01 MST 2017 art.zambrano ICE-11176 mobi:microphone, added timer and red dot recording indicator; fixed audio player size when changing orientation to fit in the available width; fix to only make audio player visible after the recording has been made
          Files Changed
          Commit graph MODIFY /icefaces4/trunk/icefaces/mobi/component/resources/org.icefaces.component.microphone/microphone.js
          Repository Revision Date User Message
          ICEsoft Public SVN Repository #50555 Thu Feb 16 15:13:20 MST 2017 art.zambrano ICE-11176 added script to disable upload button on iOS
          Files Changed
          Commit graph MODIFY /icefaces4/trunk/icefaces/samples/showcase/showcase/src/main/webapp/resources/examples/mobi/microphone/microphone-example.xhtml
          Repository Revision Date User Message
          ICEsoft Public SVN Repository #50547 Thu Feb 16 10:03:56 MST 2017 art.zambrano ICE-11176 removed "Access to the camera/microphone is not supported in this browser" dialogs; disabled mobi:microphone button on iOS since the file upload input cannot be configured to select audio files
          Files Changed
          Commit graph MODIFY /icefaces4/trunk/icefaces/mobi/component/resources/org.icefaces.component.microphone/microphone.js
          Commit graph MODIFY /icefaces4/trunk/icefaces/mobi/component/src/org/icefaces/mobi/component/microphone/MicrophoneRenderer.java
          Commit graph MODIFY /icefaces4/trunk/icefaces/mobi/component/resources/org.icefaces.component.camera/camera.js
          Repository Revision Date User Message
          ICEsoft Public SVN Repository #50539 Tue Feb 14 15:33:34 MST 2017 art.zambrano ICE-11176 added file upload fallback feature to mobi:microphone; added "Access to the camera is not supported in this browser." dialog and the corresponding dialog for the microphone
          Files Changed
          Commit graph MODIFY /icefaces4/trunk/icefaces/mobi/component/resources/org.icefaces.component.microphone/microphone.js
          Commit graph MODIFY /icefaces4/trunk/icefaces/mobi/component/resources/org.icefaces.component.camera/camera.js
          Repository Revision Date User Message
          ICEsoft Public SVN Repository #50526 Mon Feb 13 10:11:10 MST 2017 art.zambrano ICE-11176 re-enabled fallback file upload controls when HTML5 and/or the getUserMedia API aren't supported in the browser
          Files Changed
          Commit graph MODIFY /icefaces4/trunk/icefaces/mobi/component/resources/org.icefaces.component.camera/camera.js
          Repository Revision Date User Message
          ICEsoft Public SVN Repository #50010 Thu Jan 12 14:00:11 MST 2017 art.zambrano ICE-11176 paraphrased TLD documentation for maxwidth and maxheight attributes for easier understanding
          Files Changed
          Commit graph MODIFY /icefaces4/trunk/icefaces/mobi/component/src/org/icefaces/mobi/component/camera/CameraMeta.java
          Repository Revision Date User Message
          ICEsoft Public SVN Repository #50009 Thu Jan 12 13:57:09 MST 2017 art.zambrano ICE-11176 modified mobi:camera demo for easier, more intuitive usage and testing
          Files Changed
          Commit graph MODIFY /icefaces4/trunk/icefaces/samples/showcase/showcase/src/main/java/org/icefaces/samples/showcase/example/mobi/camera/CameraBean.java
          Commit graph MODIFY /icefaces4/trunk/icefaces/samples/showcase/showcase/src/main/webapp/resources/examples/mobi/camera/camera-example.xhtml
          Repository Revision Date User Message
          ICEsoft Public SVN Repository #49811 Fri Jan 06 15:09:59 MST 2017 art.zambrano ICE-11176 fix to avoid 'This type of audio file isn't supported' message in audio played on Edge when starting recording
          Files Changed
          Commit graph MODIFY /icefaces4/trunk/icefaces/mobi/component/resources/org.icefaces.component.microphone/microphone.js
          Repository Revision Date User Message
          ICEsoft Public SVN Repository #49799 Fri Jan 06 14:04:23 MST 2017 art.zambrano ICE-11176 removed script that removed maxwidth and maxheight controls for desktop clients
          Files Changed
          Commit graph MODIFY /icefaces4/trunk/icefaces/samples/showcase/showcase/src/main/webapp/resources/examples/mobi/camera/camera-example.xhtml
          Repository Revision Date User Message
          ICEsoft Public SVN Repository #49797 Fri Jan 06 13:34:06 MST 2017 art.zambrano ICE-11176 fixed thumbnail orientation on iOS devices
          Files Changed
          Commit graph MODIFY /icefaces4/trunk/icefaces/mobi/component/resources/org.icefaces.component.camera/camera.js
          Repository Revision Date User Message
          ICEsoft Public SVN Repository #49790 Thu Jan 05 15:43:15 MST 2017 art.zambrano ICE-11176 added support for the maxwidth and maxheight attributes on the HTML5 camera
          Files Changed
          Commit graph MODIFY /icefaces4/trunk/icefaces/mobi/component/resources/org.icefaces.component.camera/camera.js
          Commit graph MODIFY /icefaces4/trunk/icefaces/mobi/component/src/org/icefaces/mobi/component/camera/CameraMeta.java
          Repository Revision Date User Message
          ICEsoft Public SVN Repository #49785 Wed Jan 04 17:36:44 MST 2017 art.zambrano ICE-11176 fixes for Android to remove the overlay when changing cameras and to re-place it when changing the device's orientation; fix to correctly update the button markup when pressing the 'redo' button with either the original button image or the label with the original styling
          Files Changed
          Commit graph MODIFY /icefaces4/trunk/icefaces/mobi/component/resources/org.icefaces.component.camera/camera.js
          Repository Revision Date User Message
          ICEsoft Public SVN Repository #49747 Thu Dec 22 12:02:42 MST 2016 ken.fyten ICE-11176 fix to avoid setting the configured height of the picture and, instead, using the height of the video element, based on the configured width, letting the browser determine the height, in order to cover different aspect ratios used by different browsers; added logic to produce the thumbnail image proportionally to the photo dimensions
          Files Changed
          Commit graph MODIFY /icefaces4/tags/icefaces-4.2.0.BETA/icefaces/mobi/component/resources/org.icefaces.component.camera/camera.js
          Repository Revision Date User Message
          ICEsoft Public SVN Repository #49741 Thu Dec 22 11:52:07 MST 2016 art.zambrano ICE-11176 fix to avoid setting the configured height of the picture and, instead, using the height of the video element, based on the configured width, letting the browser determine the height, in order to cover different aspect ratios used by different browsers; added logic to produce the thumbnail image proportionally to the photo dimensions
          Files Changed
          Commit graph MODIFY /icefaces4/trunk/icefaces/mobi/component/resources/org.icefaces.component.camera/camera.js
          Repository Revision Date User Message
          ICEsoft Public SVN Repository #49737 Thu Dec 22 10:18:32 MST 2016 ken.fyten ICE-11176 mobi:camera, fix for disappearing video frame after clicking redo button
          Files Changed
          Commit graph MODIFY /icefaces4/tags/icefaces-4.2.0.BETA/icefaces/mobi/component/resources/org.icefaces.component.camera/camera.js
          Repository Revision Date User Message
          ICEsoft Public SVN Repository #49732 Wed Dec 21 16:24:47 MST 2016 art.zambrano ICE-11176 mobi:camera, fix for disappearing video frame after clicking redo button
          Files Changed
          Commit graph MODIFY /icefaces4/trunk/icefaces/mobi/component/resources/org.icefaces.component.camera/camera.js
          Repository Revision Date User Message
          ICEsoft Public SVN Repository #49726 Wed Dec 21 14:19:36 MST 2016 art.zambrano ICE-11176 mobi:camera, fix to stop open video streams when re-launching the camera and when taking a picture in order to allow a new camera stream to display
          Files Changed
          Commit graph MODIFY /icefaces4/trunk/icefaces/mobi/component/resources/org.icefaces.component.camera/camera.js
          Repository Revision Date User Message
          ICEsoft Public SVN Repository #49725 Wed Dec 21 13:44:05 MST 2016 art.zambrano ICE-11176 mobi:camera, fixes to be able to see video streams from both cameras when toggling them on Android devices
          Files Changed
          Commit graph MODIFY /icefaces4/trunk/icefaces/mobi/component/resources/org.icefaces.component.camera/camera.js
          Repository Revision Date User Message
          ICEsoft Public SVN Repository #49721 Wed Dec 21 11:40:52 MST 2016 art.zambrano ICE-11176 mobi:camera, changed getUserMedia API settings for Android devices to try to make multiple cameras work on the same page
          Files Changed
          Commit graph MODIFY /icefaces4/trunk/icefaces/mobi/component/resources/org.icefaces.component.camera/camera.js
          Repository Revision Date User Message
          ICEsoft Public SVN Repository #49716 Tue Dec 20 15:19:22 MST 2016 art.zambrano ICE-11176 mobi:camera, fixed various issues on Android: fixed width and height issues of camera popup and fixed overlay positioning and behaviour to initiate video stream; removed unnecessary code related to camera toggling; added mobile OS detection
          Files Changed
          Commit graph MODIFY /icefaces4/trunk/icefaces/mobi/component/resources/org.icefaces.component.camera/camera.js
          Repository Revision Date User Message
          ICEsoft Public SVN Repository #49710 Mon Dec 19 17:48:22 MST 2016 art.zambrano ICE-11176 mobi:camera, fix to jump directly to using the native file upload input on iOS devices and thus avoid the bridget-related nag screens
          Files Changed
          Commit graph MODIFY /icefaces4/trunk/icefaces/mobi/component/resources/org.icefaces.component.camera/camera.js
          Repository Revision Date User Message
          ICEsoft Public SVN Repository #49708 Mon Dec 19 17:18:09 MST 2016 art.zambrano ICE-11176 removed facingMode attribute; applied logic to cycle through available cameras on the system by specifying their device IDs
          Files Changed
          Commit graph MODIFY /icefaces4/trunk/icefaces/mobi/component/src/org/icefaces/mobi/component/camera/CameraRenderer.java
          Commit graph MODIFY /icefaces4/trunk/icefaces/mobi/component/resources/org.icefaces.component.camera/camera.js
          Commit graph MODIFY /icefaces4/trunk/icefaces/mobi/component/src/org/icefaces/mobi/component/camera/CameraMeta.java
          Repository Revision Date User Message
          ICEsoft Public SVN Repository #49570 Tue Nov 22 11:02:31 MST 2016 art.zambrano ICE-11176 fixed issue with spinner not disappearing after selecting an image file as well as a related Javascript error; fixed issue in ios not being able to upload a second image on iOS; temporarily set 'supportsFacingMode' flag to always true for testing on Android
          Files Changed
          Commit graph MODIFY /icefaces4/trunk/icefaces/mobi/component/resources/org.icefaces.component.microphone/microphone.js
          Commit graph MODIFY /icefaces4/trunk/icefaces/mobi/component/resources/org.icefaces.component.camera/camera.js
          Repository Revision Date User Message
          ICEsoft Public SVN Repository #49564 Fri Nov 18 12:38:15 MST 2016 art.zambrano ICE-11176 removed script that blocked the ui when Bridgeit was not detected now that the HTML5 microphone is available
          Files Changed
          Commit graph MODIFY /icefaces4/trunk/icefaces/samples/showcase/showcase/src/main/webapp/resources/examples/mobi/microphone/microphone-example.xhtml
          Repository Revision Date User Message
          ICEsoft Public SVN Repository #49563 Fri Nov 18 12:35:40 MST 2016 art.zambrano ICE-11176 added HTML5 recording support for mobi:microphone and gave it precedence over the use of Bridgeit
          Files Changed
          Commit graph ADD /icefaces4/trunk/icefaces/mobi/component/resources/org.icefaces.component.microphone/recorder.js
          Commit graph MODIFY /icefaces4/trunk/icefaces/mobi/component/src/org/icefaces/mobi/component/microphone/MicrophoneMeta.java
          Commit graph ADD /icefaces4/trunk/icefaces/mobi/component/resources/org.icefaces.component.microphone/microphone.css
          Commit graph ADD /icefaces4/trunk/icefaces/mobi/component/resources/org.icefaces.component.microphone/microphone.js
          Commit graph MODIFY /icefaces4/trunk/icefaces/mobi/component/src/org/icefaces/mobi/component/microphone/MicrophoneRenderer.java
          Commit graph ADD /icefaces4/trunk/icefaces/mobi/component/resources/org.icefaces.component.microphone/recorderWorker.js
          Commit graph ADD /icefaces4/trunk/icefaces/mobi/component/resources/org.icefaces.component.microphone
          Repository Revision Date User Message
          ICEsoft Public SVN Repository #49552 Wed Nov 16 10:30:28 MST 2016 art.zambrano ICE-11176 modified mobi:camera to first detect if the getUserMedia API is available and launch the HTML5 camera, otherwise attempt to use Bridgeit, if not installed, then display the fallback file upload input; also added behaviour of hiding the toggle button when a picture is taken and showing it again when pressing the redo button; added workaround for Android devices to tap on the still image to start the camera video stream; and added the 'facingMode' attribute to specify to start with the 'rear' or 'front' camera
          Files Changed
          Commit graph MODIFY /icefaces4/trunk/icefaces/mobi/component/src/org/icefaces/mobi/component/camera/CameraRenderer.java
          Commit graph MODIFY /icefaces4/trunk/icefaces/mobi/component/resources/org.icefaces.component.camera/camera.js
          Commit graph MODIFY /icefaces4/trunk/icefaces/mobi/component/src/org/icefaces/mobi/component/camera/CameraMeta.java

            People

            • Assignee:
              Arturo Zambrano
              Reporter:
              Ken Fyten
            • Votes:
              0 Vote for this issue
              Watchers:
              4 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: