Recherche avancée

Sur d’autres sites (11405)

• cross-platform syntax for mp4 embedded in html5

  11 janvier 2015, par CodeMed

  The code below produces a properly embedded video in firefox, but does not display properly in internet explorer or in android. I have all my browsers set to automatically update, so they are all always running the most current versions.

  In `internet explorer`, the code below leaves a large blank space where the  
  
  video should be.  The user has to hover over the large blank space before the  
  
  controls become visible.  
  
  
  
  In `android`, the code below produces an unusable/unclickable area, and the  
  
  user has to greatly zoom the focus to get the small start button to become  
  
  big enough to click to start the video.  
  
  
  
  However, in `firefox`, the code below shows the first frame of the video,  
  
  which you can click to start the video.  

  How can I change the code below to get all three of these browsers to show the first frame when the page loads, and for the video to be start-able when the user clicks on the first frame ?

  Here is a link to the video file on a file sharing site.

  Here is the ffmeg code for processing the video :

  ffmpeg -y -i SourceFile.mp4 -s 1280x720 -c:v libx264 -b 3M -strict -2 -movflags faststart DestFile.mp4

  Thanks to offbeatmammal for getting me this far.
  Here is the html5 code for embedding the video in a web page browser :

  <video width="640" height="480" controls="controls">
  
      <source src="somefile.mp4" type="video/mp4">
  
      Your browser does not support the video tag.
  
  </source></video>

• Converting mp4 audio to webm with ffmpeg - unable to find suitable output for webm

  13 janvier 2015, par JDStraughan

  I have a custom heroku buildpack that is installing ffmpeg, libvorbis, etc.

  When I run ffmpeg I get the following output :

  FFmpeg version SVN-r0.5.9-4:0.5.9-0ubuntu0.10.04.3, Copyright (c) 2000-2009 Fabrice Bellard, et al.
  
  
  
  configuration: --extra-version=4:0.5.9-0ubuntu0.10.04.3 --prefix=/usr --enable-avfilter --enable-avfilter-lavf --enable-vdpau --enable-bzlib --enable-libgsm --enable-libschroedinger --enable-libspeex --enable-libtheora --enable-libvorbis --enable-pthreads --enable-zlib --disable-stripping --disable-vhook --enable-runtime-cpudetect --enable-gpl --enable-postproc --enable-swscale --enable-x11grab --enable-libdc1394 --enable-shared --disable-static
  
    libavutil     49.15. 0 / 49.15. 0
  
    libavcodec    52.20. 1 / 52.20. 1
  
    libavformat   52.31. 0 / 52.31. 0
  
    libavdevice   52. 1. 0 / 52. 1. 0
  
    libavfilter    0. 4. 0 /  0. 4. 0
  
    libswscale     0. 7. 1 /  0. 7. 1
  
    libpostproc   51. 2. 0 / 51. 2. 0
  
    built on Jan 24 2013 19:42:59, gcc: 4.4.3
  
  At least one output file must be specified

  I’m trying to convert mp4 audio to webm audio.

  Here is the command I am using :

  ~/public/audio $ ffmpeg -i sample.mp3 sample.webm

  And the output :

  FFmpeg version SVN-r0.5.9-4:0.5.9-0ubuntu0.10.04.3, Copyright (c) 2000-2009 Fabrice Bellard, et al.
  
    configuration: --extra-version=4:0.5.9-0ubuntu0.10.04.3 --prefix=/usr --enable-avfilter --enable-avfilter-lavf --enable-vdpau --enable-bzlib --enable-libgsm --enable-libschroedinger --enable-libspeex --enable-libtheora --enable-libvorbis --enable-pthreads --enable-zlib --disable-stripping --disable-vhook --enable-runtime-cpudetect --enable-gpl --enable-postproc --enable-swscale --enable-x11grab --enable-libdc1394 --enable-shared --disable-static
  
    libavutil     49.15. 0 / 49.15. 0
  
    libavcodec    52.20. 1 / 52.20. 1
  
    libavformat   52.31. 0 / 52.31. 0
  
    libavdevice   52. 1. 0 / 52. 1. 0
  
    libavfilter    0. 4. 0 /  0. 4. 0
  
    libswscale     0. 7. 1 /  0. 7. 1
  
    libpostproc   51. 2. 0 / 51. 2. 0
  
    built on Jan 24 2013 19:42:59, gcc: 4.4.3
  
  Input #0, mp3, from 'sample.mp3':
  
    Duration: 00:00:01.56, start: 0.000000, bitrate: 76 kb/s
  
      Stream #0.0: Audio: mp3, 24000 Hz, stereo, s16, 64 kb/s
  
  Unable to find a suitable output format for 'sample.webm'

  This works fine on my OSX install, but on Ubuntu 14.04 I’m getting these errors.

  What do I need to do so .webm files can be the destination ?

• Catalyst Open Source Academy

  16 janvier 2015, par Matthieu Aubry — Community

  The Open Source Academy is an initiative designed to provide training and work experience for young New Zealand technologists. Catalyst organises the Academy to show young technologists how to participate in open source communities and to fully explore their passion for IT through freely available open source tools.

  It has been running annually since 2011. We are proud that Piwik project could participate in the Academy again this year !

  What students got done

  It’s amazing what a few young students can get done in four days of participating in an open source project like Piwik ! They were able to quickly get started with Piwik, and continued to make useful contributions to the Piwik analytics platform.

  New Darkness theme

  Liam has created a new dark theme for Piwik called Darkness.

  

  To create the theme, Liam had to improve Piwik core stylesheets and created this pull request : Reuse the LESS variable for white color across all stylesheets.

  Accessibility improvements

  We were lucky to spend time with Julius, a Catalyst employee who is blind. He showed us in great detail how difficult and time consuming it can be for a blind user to use Piwik. For example we noticed how complicated it was for Julius to navigate the menus, to get to the main content, and to use the calendar and the Website selector. During this presentation we also noticed that Piwik was not yet usable with the keyboard.

  As a result of this session with Julius we got to work with the students to improve accessibility in Piwik.

  

  (photo source)

  List of accessibility improvements

  All these pull requests were created by the students and have been successfully merged into Piwik :

  • see the focus of menu items when tabbing through the page
  • Tweaks to improve accessibility (section around graph, better tooltip, set language in html)
  • Added h3 tags to widget headers
  • when main Menu is focused, display submenu
  • Add “Skip to content” feature when user presses tab key
  • Improved accessibility by putting offscreen text in the widget title

  To learn more about accessibility in Piwik check out this issue on our tracker.

  Summary

  Working with young students was fun and interesting. We were excited to see how much they got done in such a short time !

  At Piwik and Piwik PRO we are committed to building the best open analytics platform, and we will continue to support students who want to take part in the Piwik adventure.

  Be well,