HTML5 Video, Time Indexes, and Permalinks
Saturday, October 29, 2011 at 5:22 PM
Zaid

The Mashup App not only allows you to save into your personal database the content of entire video or audio files but you may also save just the important segments of the content. You can publish your audio and video content as HTML5 <VIDEO> and <AUDIO> and even display it wirelessly on your big screen TV.

 

In this blog post, we will discuss how to share your audio and video content using the database publishing features of The Mashup App. We will look at how The Mashup App generates HTML5 content and supports permalinks enabling bloggers to reference specific time indexes of the audio and video content. For information about permalinks, see this link: http://en.wikipedia.org/wiki/Permalink

 

Saving A Specific Segment of a Video or Audio File

The Mashup App is deeply integrated with the multimedia capabilities of iOS. This allows The Mashup App’s Audio and Video Editors to accurately track the time indexes of the content. When saving a video or audio segment, The Mashup App saves the start and end time indexes of the segment into the database. To aid you in identifying the clip, The Mashup App also saves a poster image of the first frame of the segment. Of course, you can select an alternative poster image and change the start and stop time indexes as needed.

Upon saving content into your personal database, The Mashup App will generate a unique identifier for the content. Subsequently, when you publish your database content, The Mashup App will use this unique identifier as a permalink.

If you group multiple clips into a Category, The Mashup App will generate a unique identifier for the category. The Mashup App will use this unique identifier as a permalink for the group of clips.

To review how to use the Audio and Video Editors to save specific multimedia segments, please review the Audio and Video How-to section.

 

Publishing HTML5 Audio or Video

 
The Mashup App provides the following 3 ways to share the audio and video items in your personal database. In all cases, The Mashup App will generate 4 files that are HTML5 compatible. Depending on the size of your audio or video content, this may take several moments to complete:

  1. Sending an email. The HTML5 files will be included as email attachments.


     
  2. Generating a report. You can copy to your computer the HTML5 files using iTunes file sharing. 











     
  3. Publishing a web site. You can copy to your computer the HTML5 files using iTunes file sharing.

 

The HTML5 files generated by The Mashup App are the following:

  1. AC_Quicktime.js. Used to support Firefox and Opera as these browsers do not support MP4, M4V, and M4A content. 
  2. UNIQUE_IDENTIFIER.js. This file contains JavaScript code to play and loop the clip. The UNIQUE_IDENTIFIER will be the database identifier described in the section “Saving A Specific Segment of a Video or Audio File”. 
  3. UNIQUE_IDENTIFIER.html. This file contains HTML5 markup and JavaScript code. The UNIQUE_IDENTIFIER will be the database identifier as described in the section “Saving A Specific Segment of a Video or Audio File”. This file can be used to provide bloggers with a permalink. 
  4. UNIQUE_IDENTIFIER.EXT. This file is your media clip. The UNIQUE_IDENTIFIER will be the database identifier described in the section “Saving A Specific Segment of a Video or Audio File”. The EXT will either be an MOV, MP4, M4V, or M4A file extension depending on the original file format. You can also export your content into a different format. 
  5. UNIQUE_IDENTIFIER.html. If you publish a Category containing multiple clips, then this file contains HTML5 markup and JavaScript code. The UNIQUE_IDENTIFIER will be the database identifier for this Category as described in the section “Saving A Specific Segment of a Video or Audio File”. This file can be used to provide bloggers with a permalink for a group of clips. 

 

In this example, The Mashup App generated a permalink for a single video clip:


The Mashup App also supports generating a permalink for a group of clips. If you group your clips into a Category and then publish the Category, The Mashup App will generate a permalink for the group:

 

 


The Mashup App will also generate a named link for each clip allowing you to directly reference any clip:

 


Exporting Your Content into Another Format


With the release of iOS 5, The Mashup App allows you to export your audio and video into a wide variety of formats. The process of converting from one format to another format is called transcoding. The Mashup App will determine the capabilities of your device and presents you with a list of compatible formats:

 

 

 

 

On the iPhone 4S, you can additionally export your content as a 1920 x 1080 QuickTime movie:


You can copy the new file to your computer using iTunes file sharing.

 

 

Additional links:

 

 

Article originally appeared on The Mashup App (http://themashupapp.com/).
See website for complete article licensing information.