Sur d’autres sites (5183)

• Video capturing in portrait mode but the orientation is wrong when played back with a media player

  17 octobre 2016, par Ahmed Mujtaba

  I’m trying to make a custom video app. The app captures a video using mediarecorder and uploads it to the website where it’s played on a html5 media player. The issue is that, when I capture the video in portrait mode, the playback video on the website and on vlc player have it’s orientation off by 90 degrees. I have tried various solution on the internet but none work for me.

  Here’s what my code for setting up the media recorder :

   private bool prepareMediaRecorder() {
  
  
  
          Android.Hardware.Camera.Parameters p = mCamera.GetParameters();
  
          List previewSizes = p.SupportedPreviewSizes.ToList();
  
  
  
          //mCamera = GetCameraInstance();
  
          //setCameraDisplayOrientation(Activity, cameraId, mCamera);
  
  
  
          mediaRecorder = new MediaRecorder();
  
          mCamera.Unlock();
  
          mediaRecorder.SetCamera(mCamera);
  
  
  
          mediaRecorder.SetAudioSource(AudioSource.Camcorder);
  
          mediaRecorder.SetVideoSource(VideoSource.Camera);
  
          mediaRecorder.SetOrientationHint(CameraS.result);
  
  
  
          if (currentapiVersion >= 16)
  
          {
  
              mediaRecorder.SetProfile(CamcorderProfile.Get(CamcorderQuality.High)); // requires API Level 8 or higher
  
          }
  
          else
  
          {
  
              mediaRecorder.SetProfile(CamcorderProfile.Get(CamcorderQuality.Q480p)); // requires API Level 8 or higher
  
          }
  
  
  
          //mediaRecorder.SetVideoFrameRate(30);
  
          mediaRecorder.SetOutputFile(localPath);
  
          mediaRecorder.SetMaxDuration(600000); // Set max duration 60 sec.
  
          mediaRecorder.SetMaxFileSize(50000000); // Set max file size 50M
  
          mediaRecorder.SetVideoSize(previewSizes[0].Width, previewSizes[0].Height);
  
          mediaRecorder.SetPreviewDisplay(mPreview.Holder.Surface);
  
  
  
          mediaRecorder.SetOrientationHint(getDisplayOrientationAngle());
  
  
  
          try
  
          {
  
              mediaRecorder.Prepare();
  
          }
  
          catch (IllegalStateException e)
  
          {
  
              releaseMediaRecorder();
  
              return false;
  
          }
  
          catch (Java.IO.IOException e)
  
          {
  
              releaseMediaRecorder();
  
              return false;
  
          }
  
          return true;
  
  
  
  }
  
  
  
  public int getDisplayOrientationAngle() {
  
          //Log.e("", "setDisplayOrientationAngle is call");
  
          int angle;
  
  
  
  
  
          var mDisplayRotation = Activity.WindowManager.DefaultDisplay.Rotation;
  
          // switch (MeasurementNativeActivity.DisplayRotation) {
  
          switch (mDisplayRotation)
  
          {
  
              case SurfaceOrientation.Rotation0: // This is display orientation
  
                  angle = 90; // This is camera orientation
  
                  break;
  
              case SurfaceOrientation.Rotation90:
  
                  angle = 0;
  
                  break;
  
              case SurfaceOrientation.Rotation180:
  
                  angle = 270;
  
                  break;
  
              case SurfaceOrientation.Rotation270:
  
                  angle = 180;
  
                  break;
  
              default:
  
                  angle = 90;
  
                  break;
  
          }
  
          //Log.v("", "media recorder displayRotation: " + mDisplayRotation);
  
          //Log.v("", "media recorder angle: " + angle);
  
          return angle;
  
  
  
  }

  The orientation of the video is fine when played on the phone app but on the website it’s not. I tried to use FFMPEG encoder to rotate the video clockwise. This seemed to fix the orientation of the video, however the aspect ratio of the video is all messed up. The video is stretched vertically and goes off screen.
  The command I’m using to rotate and encode the video is as follows :

  -y -i inputPath -vf scale=640:480,setsar=1,transpose=1 -strict experimental -r 25 -vcodec mpeg4 -b 1000k ab 48000 -ac 2 -ar 22050 destinationPath

  I will really appreciate if someone can help me fix either the orientation of the video or the aspect ration after encoding the video.

  Cheers !

  Edit.

  Here’s the readout of the input file :

  General
  
  Complete name                  : C:\Users\Ahmed\Desktop\9adcdb56-500e-4d3f-8fb2-ccf20c680422_yt.mp4
  
  Format                         : MPEG-4
  
  Format profile                 : Base Media
  
  Codec ID                       : isom
  
  File size                      : 6.30 MiB
  
  Duration                       : 12s 437ms
  
  Overall bit rate               : 4 251 Kbps
  
  Encoded date                   : UTC 2016-05-29 23:54:30
  
  Tagged date                    : UTC 2016-05-29 23:54:30
  
  
  
  Video
  
  ID                             : 1
  
  Format                         : AVC
  
  Format/Info                    : Advanced Video Codec
  
  Format profile                 : Baseline@L3.1
  
  Format settings, CABAC         : No
  
  Format settings, ReFrames      : 1 frame
  
  Format settings, GOP           : M=1, N=31
  
  Codec ID                       : avc1
  
  Codec ID/Info                  : Advanced Video Coding
  
  Duration                       : 12s 323ms
  
  Bit rate                       : 3 967 Kbps
  
  Width                          : 1 280 pixels
  
  Height                         : 720 pixels
  
  Display aspect ratio           : 16:9
  
  Rotation                       : 90°
  
  Frame rate mode                : Variable
  
  Frame rate                     : 29.700 fps
  
  Minimum frame rate             : 29.354 fps
  
  Maximum frame rate             : 30.040 fps
  
  Color space                    : YUV
  
  Chroma subsampling             : 4:2:0
  
  Bit depth                      : 8 bits
  
  Scan type                      : Progressive
  
  Bits/(Pixel*Frame)             : 0.145
  
  Stream size                    : 5.83 MiB (92%)
  
  Title                          : VideoHandle
  
  Language                       : English
  
  Encoded date                   : UTC 2016-05-29 23:54:30
  
  Tagged date                    : UTC 2016-05-29 23:54:30
  
  
  
  Audio
  
  ID                             : 2
  
  Format                         : AAC
  
  Format/Info                    : Advanced Audio Codec
  
  Format profile                 : LC
  
  Codec ID                       : 40
  
  Duration                       : 12s 437ms
  
  Source duration                : 12s 454ms
  
  Bit rate mode                  : Constant
  
  Bit rate                       : 128 Kbps
  
  Nominal bit rate               : 96.0 Kbps
  
  Channel(s)                     : 2 channels
  
  Channel positions              : Front: L R
  
  Sampling rate                  : 48.0 KHz
  
  Compression mode               : Lossy
  
  Stream size                    : 194 KiB (3%)
  
  Source stream size             : 194 KiB (3%)
  
  Title                          : SoundHandle
  
  Language                       : English
  
  Encoded date                   : UTC 2016-05-29 23:54:30
  
  Tagged date                    : UTC 2016-05-29 23:54:30
  
  mdhd_Duration                  : 12454

• Error finding watermark path using ffmpeg in asp.net application

  27 août 2013, par irfanmcsd

  I am using .net ffmpeg wrapper to post watermark on videos. Posting watermark works fine if i execute ffmpeg command directly but failed to find suitable watermark png file location if command executed via asp.net application.

  here is sample ffmpeg command

  string RootPath = HttpContext.Current.Server.MapPath(HttpContext.Current.Request.ApplicationPath);
  
  _mhandler.FFMPEGPath = RootPath + "/ffmpeg_aug_2013/bin/ffmpeg.exe";
  
  _mhandler.InputPath = RootPath + "/contents/original";
  
  _mhandler.OutputPath = RootPath + "/contents/mp4";
  
  _mhandler.BackgroundProcessing = false;
  
  _mhandler.FileName = "wildlife.wmv";
  
  _mhandler.OutputFileName = "wildlife_ddd";
  
  string presetpath = RootPath + "/ffmpeg_aug_2013/presets/libx264-ipod640.ffpreset";
  
  _mhandler.OutputExtension = ".mp4";
  
  _mhandler.Parameters = "-s 640x380 -b:v 500k -bufsize 500k -b:a 128k -ar 44100 -c:v libx264 -vf \"movie = watermark.png [watermark]; [in][watermark] overlay=main_w-overlay_w-10:main_h-overlay_h-10 [out]\"";
  
  _mhandler.Parameters = _mhandler.Parameters + " -fpre \"" + presetpath + "\"";
  
  VideoInfo info =  _mhandler.Process();

  i tried direct code too

  string _out = "";
  
  Process _process = new Process();
  
  _process.StartInfo.UseShellExecute = false;
  
  _process.StartInfo.RedirectStandardInput = true;
  
  //_process.StartInfo.RedirectStandardOutput = true;
  
  _process.StartInfo.RedirectStandardError = true;
  
  _process.StartInfo.CreateNoWindow = true;
  
  _process.StartInfo.WindowStyle = ProcessWindowStyle.Hidden;
  
  _process.StartInfo.FileName = _ffmpegpath;
  
  _process.StartInfo.Arguments = cmd;
  
  if (_process.Start())
  
  {             
  
      _process.WaitForExit(ExitProcess);
  
      _out = _process.StandardError.ReadToEnd();
  
      if (!_process.HasExited)
  
        _process.Kill();
  
  
  
      return _out;
  
   }

  ffmpeg error output as

  FFMPEG Output:ffmpeg version N-55753-g88909be Copyright (c) 2000-2013
  the FFmpeg developers built on Aug 24 2013 21:40:51 with gcc 4.7.3
  (GCC) configuration : —enable-gpl —enable-version3
  —disable-w32threads —enable-avisynth —enable-bzlib —enable-fontconfig —enable-frei0r —enable-gnutls —enable-iconv —enable-libass —enable-libbluray —enable-libcaca —enable-libfreetype —enable-libgsm —enable-libilbc —enable-libmodplug —enable-libmp3lame —enable-libopencore-amrnb —enable-libopencore-amrwb —enable-libopenjpeg —enable-libopus —enable-librtmp —enable-libschroedinger —enable-libsoxr —enable-libspeex —enable-libtheora —enable-libtwolame —enable-libvo-aacenc —enable-libvo-amrwbenc —enable-libvorbis —enable-libvpx —enable-libx264 —enable-libxavs —enable-libxvid —enable-zlib libavutil 52. 42.100 / 52. 42.100 libavcodec 55. 29.100 / 55. 29.100 libavformat 55. 14.102 / 55. 14.102 libavdevice 55. 3.100
  / 55. 3.100 libavfilter 3. 82.102 / 3. 82.102 libswscale 2. 5.100 / 2.
  5.100 libswresample 0. 17.103 / 0. 17.103 libpostproc 52. 3.100 / 52. 3.100 [asf @ 024c9960] Stream #0 : not enough frames to estimate rate ; consider increasing probesize Guessed Channel Layout for Input Stream

  0.0 : stereo Input #0, asf, from 'F :\own\mhp_new/contents/original\wildlife.wmv' : Metadata :

  SfOriginalFPS : 299700 WMFSDKVersion : 11.0.6001.7000 WMFSDKNeeded :
  0.0.0.0000 comment : Footage : Small World Productions, Inc ; Tourism New Zealand | Producer : Gary F. Spradling | Music : Steve Ball title :
  Wildlife in HD copyright : © 2008 Microsoft Corporation IsVBR : 0
  DeviceConformanceTemplate : AP@L3 Duration : 00:00:30.09, start :
  0.000000, bitrate : 6977 kb/s Stream #0:0(eng) : Audio : wmav2 (a1[0][0] / 0x0161), 44100 Hz, stereo, fltp, 192 kb/s Stream

  0:1(eng) : Video : vc1 (Advanced) (WVC1 / 0x31435657), yuv420p, 1280x720, 5942 kb/s, 29.97 tbr, 1k tbn, 1k tbc [image2 @ 024c76e0]

  Could find no file with path 'watermark.png' and index in the range
  0-4 [Parsed_movie_0 @ 024c0540] Failed to avformat_open_input
  'watermark.png' [AVFilterGraph @ 024ca100] Error initializing filter
  'movie' with args 'watermark.png' Error opening filters ! Error Code= 0

  Error on point ( Could find no file with path 'watermark.png' ) shows watermark.png file not found.
  I place watermark.png file in the following locations but still can't found

  i : application root

  ii : root where actual aspx page located

  iii : ffmpeg root

  iv : ffmpeg/bin/

  I also used complete path but still can't detected.

  Note : if i use same ffmpeg command in php and place watermark.png on location where actual php page exist watermark properly detected and command executed properly, but same approach not working in asp.net

  Can any one help me where should i place watermark.png file so that script can access it.

• Developers and vendors : Want a Matomo Hoodie ? Add a tag to the Matomo Open Source Tag Manager and this could be yours !

  7 juin 2018, par Matomo Core Team — Community, Development

  The Free Open Source Tag Manager is now available as a public beta on the Matomo Marketplace. Don’t know what a Tag Manager is ? Learn more here. In Short : It lets you easily manage all your third party JavaScript and HTML snippets (analytics, ads, social media, remarketing, affiliates, etc) through a single interface.

  Over the last few months we have worked on building the core for the Matomo Tag Manager which comes with a great set of features and a large set of pre-configured triggers and variables. However, we currently lack tags.

  This is where we need your help ! Together we can build a complete and industry leading open source tag manager.

  Tag examples include Google AdWords Conversion Tracking, Facebook Buttons, Facebook Pixels, Twitter Universal Website Tags, LinkedIn Insights.

  Are you a developer who is familiar with JavaScript and keen on adding a tag ? Or are you a vendor ? Don’t be shy, we appreciate any tags, even analytics related :) We have documented how to develop a new tag here, which is quite easy and straightforward. You may also need to understand a tiny bit of PHP but you’ll likely be fine even if you don’t (here is an example PHP file and the related JS file).

  As we want to ship the Matomo Tag Manager with as many tags as possible out of the box, we appreciate any new tag additions as a pull request on https://github.com/matomo-org/tag-manager.

  We will send out “Matomo Contributor” stickers that cannot be purchased anywhere for every contributor who contributes a tag within the next 3 months. As for the top 3 contributors… you’ll receive a Matomo hoodie ! Simply send us an email at hello@matomo.org after your tag has been merged. If needed, a draw will decide who gets the hoodies.

  FYI : The Matomo Tag Manager is already prepared to be handled in different contexts and we may possibly generate containers for Android and iOS. If you are keen on building the official Matomo SDKs for any of these mobile platforms, please get in touch.