0 Replies Latest reply on May 13, 2015 12:32 AM by sneha shinde

    changing camera resolution to 1280*720 introduces black thick border in IE11

    sneha shinde

      Setting camera.setMode(1280,720,15,true) introduces black thick border on right and left side in video in windows8 IE11. How can it be removed?

      The issue is not seen with other browsers. I searched in almost every discussion thread, but couldn't solve this issue with any other work around.

       

      This is the sample mxml:

      <?xml version="1.0" encoding="utf-8"?>

      <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="top"

                      horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" paddingTop="0">

          <mx:Script>

              <![CDATA[

                  import mx.controls.Alert;

                  import mx.core.UIComponent;

                 

                 

                  private function videoDisplay_creationComplete() : void

                  {

                      var camera:Camera = Camera.getCamera();

                      if (camera)

                      {

                          videoDisplay.attachCamera(camera);                   

                      }

                      else

                      {

                          Alert.show("Oops, we can't find your camera.");

                      }

                      camera.setMode(1280,720,15,true);

                     

                  }

                 

                  private function capture_click() : void

                  {

                      var snap:BitmapData = new BitmapData(320, 240, true);

                      var snapBmp:Bitmap = new Bitmap(snap);

                     

                      snapBmp.width = 320;

                      snapBmp.height = 240;

                     

                      if(snapshotHolder.numChildren > 0)

                          snapshotHolder.removeChildAt(0);

                     

                      snapshotHolder.addChild(snapBmp);               

                      snap.draw(videoDisplay);

                  }

              ]]>

          </mx:Script>

          <mx:HBox>

              <mx:Panel title="Video">

                  <mx:VideoDisplay id="videoDisplay" creationComplete="videoDisplay_creationComplete();" width="320" height="240" />       

              </mx:Panel>

              <mx:Panel title="Snapshot">

                  <mx:UIComponent id="snapshotHolder" width="320" height="240" />

              </mx:Panel>       

          </mx:HBox>

          <mx:HBox>

              <mx:Button label="reload camera" click="videoDisplay_creationComplete();"/>

              <mx:Button label="capture" click="capture_click();"/>   

          </mx:HBox>

       

      </mx:Application>

       

       

      Kindly Help.