Recherche avancée

Sur d’autres sites (11220)

• WebVTT Discussions at FOMS

  18 décembre 2013, par silvia

  At the recent FOMS (Foundations of Open Media Software and Standards) Developer Workshop, we had a massive focus on WebVTT and the state of its feature set. You will find links to summaries of the individual discussions in the FOMS Schedule page. Here are some of the key results I went away with.

  1. WebVTT Regions

  The key driving force for improvements to WebVTT continues to be the accurate representation of CEA608/708 captioning. As part of that drive, we’ve introduced regions (the CEA708 “window” concept) to WebVTT. WebVTT regions satisfy multiple requirements of CEA608/708 captions :

  1. support for rollup captions
  2. support for background color and border color on a group of cues independent of the background color of the individual cue
  3. possibility to move a group of cues from one location on screen to a different
  4. support to specify an anchor point and a growth direction for cues when their text size changes
  5. support for specifying a fixed number of lines to be rendered
  6. possibility to specify which region is rendered in front of which other one when regions overlap

  While WebVTT regions enable us to satisfy all of the above points, the specification isn’t actually complete yet and some of the above needs aren’t satisfied yet.

  We have an open bug to move a region elsewhere. A first discussion at FOMS seemed to to indicate that we’ll have to add syntax for updating a region at a particular time and thus give region definitions a way to be valid only for a certain time frame. I can imagine that the region definitions that we have in the header of the WebVTT file now would have an implicitly defined time frame from the start to the end of the file, but can be overruled by a re-definition anywhere within the WebVTT file. That redefinition needs to provide a start and end time.

  We registered a bug to add specifying the width and height of regions (and possibly of cues) by em (i.e. by multiples of the largest character in a font). This should allow us to have the region grow/shrink around the region anchor point with a change of font size by script or a user. em specifications should also be applied to cues – that matches the column count of CEA708/608 better.

  When regions overlap, the original region extension spec already suggested a “layer” cue setting. It will be easy to add it.

  Another change that we will ultimately need is the “scroll” setting : we will need to introduce support for scrolling text down or from left-to-right or right-to-left, e.g. vertical scrolling text seems to be used in some Chinese caption use cases.

  2. Unify Rendering Approach

  The introduction of regions created a second code path in the rendering spec with some duplication. At FOMS we discussed if it was possible to unify that. The suggestion is to render all cues into a region. Those that are not part of a region would be rendered into an anonymous region that covers the complete viewport. There may be some consequences to this, e.g. cue settings should be usable across all cues, no matter whether or not part of a region, and avoiding cue overlap may need to be done within regions.

  Here’s a rough outline of the path of the new rendering algorithm :

  (1) Render the regions :

  Specified Region	Anonymous Region
  Render values as given :	Render following values :
  width lines regionanchor viewportanchor scroll	100% videoheight/lineheight 0,0 0,0 none

  (2) Render the cues :

  • Create a cue box and put it in its region (anonymous if none given).
  • Calculate position & size of cue box from cue settings (position, line, size).
  • Calculate position of cue text inside cue box from remaining cue settings (vertical, align).

  3. Vertical Features

  WebVTT includes vertical rendering, both right-to-left and left-to-right. However, regions are not defined for vertical. Eventually, we’re going to have to look at the vertical features of WebVTT with more details and figure out whether the spec is working for them and what real-world requirements we have missed. We hope we can get some help from users in countries where vertically rendered captions/subtitles are the norm.

  4. Best Practices

  Some of he WebVTT users at FOMS suggested it would be advantageous to start a list of “best practices” for how to author captions with WebVTT. Example recommendations are :

  • Use line numbers only to position cues from top or bottom of viewport. Don’t use otherwise.
  • Note that when the user increases the fontsize in rollup captions and thus introduces new line breaks, your cues will roll by faster because the number of lines of a rollup is fixed.
  • Make sure to use &lrm ; and &rlm ; UTF-8 markers to control the directionality of your text.

  It would be nice if somebody started such a document.

  5. Non-caption use cases

  Instead of continuing to look back and improve our support of captions/subtitles in WebVTT, one session at FOMS also went ahead and looked forward to other use cases. The following requirements came out of this :

  5.1 Preview Thumbnails

  A common use case for timed data is the use of preview thumbnails on the navigation bar of videos. A native implementation of preview thumbnails would allow crawlers and search engines to have a standardised way of extracting timed images for media files, so introduction of a new @kind value “thumbnails” was suggested.

  The content of a “thumbnails” cue could be any of :

  • an image URL
  • a sprite URL to a single image
  • a spatial & temporal media fragment URL to a media resource
  • base64 encoded image (data URI)
  • an iframe offset to the media resource

  The suggestion is to allow anything that would work in a img @src attribute as value in a cue of @kind=”thumbnails”. Responsive images might also be useful for a track of @kind=”thumbnails”. It may even be possible to define an inband thumbnail track based on the track of @kind=”thumbnails”. Such cues should also work in the JavaScript track API.

  5.2 Chapter markers

  There is interest to put richer content than just a chapter title into chapter cues. Often, chapters consist of a title, text and and image. The text is not so important, but the image is used almost everywhere that chapters are used. There may be a need to extend chapter cue content with images, similar to what a @kind=”thumbnails” track offers.

  The conclusion that we arrived at was that we need to make @kind=”thumbnails” work first and then look at using the learnings from that to extend @kind=”chapters”.

  5.3 Inband tracks for live video

  A difficult topic was opened with the question of how to transport text tracks in live video. In live captioning, end times are never created for cues, but are implied by the start time of the next cue. This is a use case that hasn’t been addressed in HTML5/WebVTT yet. An old proposal to allow a special end time value of “NEXT” was discussed and recommended for adoption. Also, there was support for the spec change that stops blocking loading VTT until all cues have been loaded.

  5.4 Cross-domain VTT loading

  A brief discussion centered around the fact that the spec disallows cross-domain loading of WebVTT files, but that no browser implements this. This needs to be discussion at the HTML WG level.

  6. Regions in live captioning

  The final topic that we discussed was how we could provide support for regions in live captioning.

  • The currently active region definitions will need to be come part of every header of every VTT file segment that HLS uses, so it’s available in case the cues in the segment file reference it.
  • “NEXT” in end time markers would make authoring of live captioned VTT files easier.
  • If the application wants to use 1 word at a time and doesn’t want to delay sending the word until the full cue is authored (e.g. in a Hangout type environment), we will need to introduce the concept of “cue continuation markers”, so we know that a cue could be extended with the next VTT file fragment.

  This is an extensive and impressive amount of discussion around WebVTT and a lot of new work to be performed in the future. I’m very grateful for all the people who have contributed to these discussions at FOMS and will hopefully continue to help get the specifications right.

• WebVTT Discussions at FOMS

  1er janvier 2014, par silvia

  At the recent FOMS (Foundations of Open Media Software and Standards) Developer Workshop, we had a massive focus on WebVTT and the state of its feature set. You will find links to summaries of the individual discussions in the FOMS Schedule page. Here are some of the key results I went away with.

  1. WebVTT Regions

  The key driving force for improvements to WebVTT continues to be the accurate representation of CEA608/708 captioning. As part of that drive, we’ve introduced regions (the CEA708 “window” concept) to WebVTT. WebVTT regions satisfy multiple requirements of CEA608/708 captions :

  1. support for rollup captions
  2. support for background color and border color on a group of cues independent of the background color of the individual cue
  3. possibility to move a group of cues from one location on screen to a different
  4. support to specify an anchor point and a growth direction for cues when their text size changes
  5. support for specifying a fixed number of lines to be rendered
  6. possibility to specify which region is rendered in front of which other one when regions overlap

  While WebVTT regions enable us to satisfy all of the above points, the specification isn’t actually complete yet and some of the above needs aren’t satisfied yet.

  We have an open bug to move a region elsewhere. A first discussion at FOMS seemed to to indicate that we’ll have to add syntax for updating a region at a particular time and thus give region definitions a way to be valid only for a certain time frame. I can imagine that the region definitions that we have in the header of the WebVTT file now would have an implicitly defined time frame from the start to the end of the file, but can be overruled by a re-definition anywhere within the WebVTT file. That redefinition needs to provide a start and end time.

  We registered a bug to add specifying the width and height of regions (and possibly of cues) by em (i.e. by multiples of the largest character in a font). This should allow us to have the region grow/shrink around the region anchor point with a change of font size by script or a user. em specifications should also be applied to cues – that matches the column count of CEA708/608 better.

  When regions overlap, the original region extension spec already suggested a “layer” cue setting. It will be easy to add it.

  Another change that we will ultimately need is the “scroll” setting : we will need to introduce support for scrolling text down or from left-to-right or right-to-left, e.g. vertical scrolling text seems to be used in some Chinese caption use cases.

  2. Unify Rendering Approach

  The introduction of regions created a second code path in the rendering spec with some duplication. At FOMS we discussed if it was possible to unify that. The suggestion is to render all cues into a region. Those that are not part of a region would be rendered into an anonymous region that covers the complete viewport. There may be some consequences to this, e.g. cue settings should be usable across all cues, no matter whether or not part of a region, and avoiding cue overlap may need to be done within regions.

  Here’s a rough outline of the path of the new rendering algorithm :

  (1) Render the regions :

  Specified Region	Anonymous Region
  Render values as given :	Render following values :
  width lines regionanchor viewportanchor scroll	100% videoheight/lineheight 0,0 0,0 none

  (2) Render the cues :

  • Create a cue box and put it in its region (anonymous if none given).
  • Calculate position & size of cue box from cue settings (position, line, size).
  • Calculate position of cue text inside cue box from remaining cue settings (vertical, align).

  3. Vertical Features

  WebVTT includes vertical rendering, both right-to-left and left-to-right. However, regions are not defined for vertical. Eventually, we’re going to have to look at the vertical features of WebVTT with more details and figure out whether the spec is working for them and what real-world requirements we have missed. We hope we can get some help from users in countries where vertically rendered captions/subtitles are the norm.

  4. Best Practices

  Some of he WebVTT users at FOMS suggested it would be advantageous to start a list of “best practices” for how to author captions with WebVTT. Example recommendations are :

  • Use line numbers only to position cues from top or bottom of viewport. Don’t use otherwise.
  • Note that when the user increases the fontsize in rollup captions and thus introduces new line breaks, your cues will roll by faster because the number of lines of a rollup is fixed.
  • Make sure to use &lrm ; and &rlm ; UTF-8 markers to control the directionality of your text.

  It would be nice if somebody started such a document.

  5. Non-caption use cases

  Instead of continuing to look back and improve our support of captions/subtitles in WebVTT, one session at FOMS also went ahead and looked forward to other use cases. The following requirements came out of this :

  5.1 Preview Thumbnails

  A common use case for timed data is the use of preview thumbnails on the navigation bar of videos. A native implementation of preview thumbnails would allow crawlers and search engines to have a standardised way of extracting timed images for media files, so introduction of a new @kind value “thumbnails” was suggested.

  The content of a “thumbnails” cue could be any of :

  • an image URL
  • a sprite URL to a single image
  • a spatial & temporal media fragment URL to a media resource
  • base64 encoded image (data URI)
  • an iframe offset to the media resource

  The suggestion is to allow anything that would work in a img @src attribute as value in a cue of @kind=”thumbnails”. Responsive images might also be useful for a track of @kind=”thumbnails”. It may even be possible to define an inband thumbnail track based on the track of @kind=”thumbnails”. Such cues should also work in the JavaScript track API.

  5.2 Chapter markers

  There is interest to put richer content than just a chapter title into chapter cues. Often, chapters consist of a title, text and and image. The text is not so important, but the image is used almost everywhere that chapters are used. There may be a need to extend chapter cue content with images, similar to what a @kind=”thumbnails” track offers.

  The conclusion that we arrived at was that we need to make @kind=”thumbnails” work first and then look at using the learnings from that to extend @kind=”chapters”.

  5.3 Inband tracks for live video

  A difficult topic was opened with the question of how to transport text tracks in live video. In live captioning, end times are never created for cues, but are implied by the start time of the next cue. This is a use case that hasn’t been addressed in HTML5/WebVTT yet. An old proposal to allow a special end time value of “NEXT” was discussed and recommended for adoption. Also, there was support for the spec change that stops blocking loading VTT until all cues have been loaded.

  5.4 Cross-domain VTT loading

  A brief discussion centered around the fact that the spec disallows cross-domain loading of WebVTT files, but that no browser implements this. This needs to be discussion at the HTML WG level.

  6. Regions in live captioning

  The final topic that we discussed was how we could provide support for regions in live captioning.

  • The currently active region definitions will need to be come part of every header of every VTT file segment that HLS uses, so it’s available in case the cues in the segment file reference it.
  • “NEXT” in end time markers would make authoring of live captioned VTT files easier.
  • If the application wants to use 1 word at a time and doesn’t want to delay sending the word until the full cue is authored (e.g. in a Hangout type environment), we will need to introduce the concept of “cue continuation markers”, so we know that a cue could be extended with the next VTT file fragment.

  This is an extensive and impressive amount of discussion around WebVTT and a lot of new work to be performed in the future. I’m very grateful for all the people who have contributed to these discussions at FOMS and will hopefully continue to help get the specifications right.

• using ffmpeg plugin with plugin uploaded

  17 avril 2013, par Bruno Ribeiro

  good he uploads the video registers in the database but does not take the print screen of the video and did not register on the database.

      <?
  
      class upload{
  
  
  
          public $vide;
  
          public $dir_video;
  
          public $dir_screen;
  
          //public $id_user;
  
  
  
      //private function video(){
  
      //return isset($_REQUEST["name"]) ? $_REQUEST["name"] : '';
  
      //}
  
  
  
      private function id_user(){
  
      return anti_injection($_GET['id']);
  
      }
  
  
  
      private function get_duration(){
  
          $getID3 = new getID3;
  
          $file = $getID3->analyze($this->video);
  
              return $file['playtime_string'];
  
      }
  
  
  
      private function rand_duration(){
  
      @list($h, $m, $s) = explode(":", $this->get_duration());
  
      $hms = ($h * 3600) + ($m * 60) + $s;
  
      $rhms = rand(0, $hms);
  
      return date('H:i', mktime(0,0,$rhms,0,0,0));
  
  
  
      }
  
  
  
  
  
      private function rand_name(){
  
          $a = base64_encode($this->video);
  
          return @md5(date('Y-m-d H:i:s') * $a);  
  
      }
  
  
  
  
  
      private function get_resolution(){
  
  
  
          $getID3 = new getID3;
  
          $file = $getID3->analyze($this->video);
  
              return $file['video']['resolution_x']."x".$file['video']['resolution_y'];
  
  
  
      }
  
  
  
      private function get_size(){
  
          $getID3 = new getID3;
  
          $file = $getID3->analyze($this->video);
  
              return $file['filesize'];
  
  
  
      }
  
  
  
      private function get_printscreen(){
  
          $cmd = "ffmpeg  -i ".$this->video." -f mjpeg -an -ss ".$this->rand_duration()." -an -vframes 1 -y ".$this->dir_screen.$this->rand_name().".jpg";
  
          return exec($cmd, $output);
  
              //echo "executed command: [".$cmd."] with result: ".print_r($output, true)."<br />\n"; 
  
      }
  
  
  
      private function get_extension($a){
  
  
  
          $arquivo = pathinfo($a);
  
          return $arquivo[&#39;extension&#39;];
  
  
  
      }
  
  
  
      private function verify_extension(){
  
          if($this->get_extension() == "flv"){
  
              return "0";
  
          } else {
  
  
  
              return "1";
  
          }
  
  
  
      }
  
  
  
  
  
  
  
      public function _build(){
  
      // HTTP headers for no cache etc
  
  
  
      /*header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
  
      header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
  
      header("Cache-Control: no-store, no-cache, must-revalidate");
  
      header("Cache-Control: post-check=0, pre-check=0", false);
  
      header("Pragma: no-cache");
  
      */
  
  
  
          session_start();
  
  
  
      // Settings
  
      //$targetDir = ini_get("upload_tmp_dir") . DIRECTORY_SEPARATOR . "plupload";
  
      $targetDir = $this->dir_video;
  
  
  
      //$cleanupTargetDir = false; // Remove old files
  
      //$maxFileAge = 60 * 60; // Temp file age in seconds
  
  
  
      // 5 minutes execution time
  
      @set_time_limit(5 * 60);
  
  
  
      // Uncomment this one to fake upload time
  
      // usleep(5000);
  
  
  
      // Get parameters
  
      $chunk = isset($_REQUEST["chunk"]) ? $_REQUEST["chunk"] : 0;
  
      $chunks = isset($_REQUEST["chunks"]) ? $_REQUEST["chunks"] : 0;
  
      $fileName = isset($_REQUEST["name"]) ? $_REQUEST["name"] : &#39;&#39;;
  
  
  
      // Clean the fileName for security reasons
  
      $fileName = preg_replace(&#39;/[^\w\._]+/&#39;, &#39;&#39;, $fileName);
  
  
  
      // Make sure the fileName is unique but only if chunking is disabled
  
      if ($chunks &lt; 2 &amp;&amp; file_exists($targetDir . DIRECTORY_SEPARATOR . $fileName)) {
  
          $ext = strrpos($fileName, &#39;.&#39;);
  
          $fileName_a = substr($fileName, 0, $ext);
  
          $fileName_b = substr($fileName, $ext);
  
  
  
          $count = 1;
  
          while (file_exists($targetDir . DIRECTORY_SEPARATOR . $fileName_a . &#39;_&#39; . $count . $fileName_b))
  
              $count++;
  
  
  
          $fileName = $fileName_a . &#39;_&#39; . $count . $fileName_b;
  
  
  
      }
  
  
  
      // Create target dir
  
      if (!file_exists($targetDir))
  
          @mkdir($targetDir);
  
  
  
      // Look for the content type header
  
      if (isset($_SERVER["HTTP_CONTENT_TYPE"]))
  
          $contentType = $_SERVER["HTTP_CONTENT_TYPE"];
  
  
  
      if (isset($_SERVER["CONTENT_TYPE"]))
  
          $contentType = $_SERVER["CONTENT_TYPE"];
  
  
  
      // Handle non multipart uploads older WebKit versions didn&#39;t support multipart in HTML5
  
      if (strpos($contentType, "multipart") !== false) {
  
          if (isset($_FILES[&#39;file&#39;][&#39;tmp_name&#39;]) &amp;&amp; is_uploaded_file($_FILES[&#39;file&#39;][&#39;tmp_name&#39;])) {
  
              // Open temp file
  
              $out = fopen($targetDir . DIRECTORY_SEPARATOR . $fileName, $chunk == 0 ? "wb" : "ab");
  
              if ($out) {
  
                  // Read binary input stream and append it to temp file
  
                  $in = fopen($_FILES[&#39;file&#39;][&#39;tmp_name&#39;], "rb");
  
  
  
                  if ($in) {
  
                      while ($buff = fread($in, 4096))
  
                          fwrite($out, $buff);
  
                  } else
  
                      die(&#39;{"jsonrpc" : "2.0", "error" : {"code": 101, "message": "Failed to open input stream."}, "id" : "id"}&#39;);
  
                  fclose($in);
  
                  fclose($out);
  
                  @unlink($_FILES[&#39;file&#39;][&#39;tmp_name&#39;]);
  
              } else
  
                  die(&#39;{"jsonrpc" : "2.0", "error" : {"code": 102, "message": "Failed to open output stream."}, "id" : "id"}&#39;);
  
          } else
  
              die(&#39;{"jsonrpc" : "2.0", "error" : {"code": 103, "message": "Failed to move uploaded file."}, "id" : "id"}&#39;);
  
      } else {
  
          // Open temp file
  
          $out = fopen($targetDir . DIRECTORY_SEPARATOR . $fileName, $chunk == 0 ? "wb" : "ab");
  
          if ($out) {
  
              // Read binary input stream and append it to temp file
  
              $in = fopen("php://input", "rb");
  
  
  
              if ($in) {
  
                  while ($buff = fread($in, 4096))
  
                      fwrite($out, $buff);
  
              } else
  
                  die(&#39;{"jsonrpc" : "2.0", "error" : {"code": 101, "message": "Failed to open input stream."}, "id" : "id"}&#39;);
  
  
  
              fclose($in);
  
              fclose($out);
  
          } else
  
              die(&#39;{"jsonrpc" : "2.0", "error" : {"code": 102, "message": "Failed to open output stream."}, "id" : "id"}&#39;);
  
      }
  
      $photoName = $_FILES[&#39;file&#39;][&#39;name&#39;];
  
  
  
      $exploded_photoName = explode(&#39;.&#39;, $photoName);
  
  
  
      $user_id = $_SESSION[&#39;SESS_MEMBER_ID&#39;];
  
  
  
      if(!isset($_SESSION[$photoName])) {
  
  
  
          $_SESSION[$photoName] = &#39;1&#39;;
  
      }
  
  
  
      if($chunk==1){
  
  
  
          $this->get_printscreen();
  
  
  
          mysql_query("INSERT INTO video 
  
          (poster_id,video,titulo,extension,screen,duration,resolucao,tamanho) 
  
                      VALUES
  
          (&#39;".$this->id_user()."&#39;,&#39;$fileName&#39;,&#39;$exploded_photoName[0]&#39;,&#39;".$this->get_extension($fileName)."&#39;,&#39;".$this->rand_name().".jpg&#39;,&#39;".$this->get_duration()."&#39;,&#39;".$this->get_resolution()."&#39;,&#39;".$this->get_size()."&#39;)")
  
          or die(mysql_error());
  
  
  
  
  
      }
  
      // Return JSON-RPC response
  
      die(&#39;{"jsonrpc" : "2.0", "result" : null, "id" : "id"}&#39;);
  
  
  
  
  
          //$this->get_printscreen(); 
  
          //return print $this->video();
  
          //return print $this->rand_name();  
  
      }
  
  
  
  
  
      }
  
  
  
  ?>

  I'm using the class to become more organized and clean, but I can not get the information from the video and get the printscreen using the plugin class and uploaded.