Middlebury

Difference between revisions of "MiddMedia"

m
 
(55 intermediate revisions by 11 users not shown)
Line 1: Line 1:
 +
<p>&nbsp;</p>
 +
<p>&nbsp;</p>
 +
<center><big>'''After 10 years of service, MiddMedia will be going away! For more information, see our blog post [http://sites.middlebury.edu/lis/2018/08/06/39776/ Panopto is replacing MiddMedia and Muskrat].'''</big> </center>
 +
<p>&nbsp;</p>
 +
<p>&nbsp;</p>
 
= About MiddMedia  =
 
= About MiddMedia  =
  
 
MiddMedia is a audio/video storage and streaming service hosted by the college. It is developed and supported by LIS with the goal of providing high quality video streaming for both academic and administrative needs.<br>
 
MiddMedia is a audio/video storage and streaming service hosted by the college. It is developed and supported by LIS with the goal of providing high quality video streaming for both academic and administrative needs.<br>
  
MiddMedia is not a video browsing and search service. To share a video with others you must embed it in a website visible to your intended audience. This website might be a Middlebury [[Drupal]] page, a [[Segue]] site, a [[WordPress]] blog, a [[MediaWiki]] wiki, or another site on campus or elsewhere on the internet. See below for instructions on embedding audio and video.
+
MiddMedia is not a video browsing and search service. To share a video with others you must embed it in a website visible to your intended audience. This website might be a Middlebury [[Drupal]] page, a [[Moodle]] site, a [[WordPress]] blog, a [[MediaWiki]] wiki, or another site on campus or elsewhere on the internet. See below for instructions on embedding audio and video.
  
 
== Comparison with other services  ==
 
== Comparison with other services  ==
Line 24: Line 29:
 
'''Cons'''
 
'''Cons'''
  
#Maximum video length of about 10 minutes.
+
#Maximum video length may be limited.
#Only supports videos in standard aspect rations
+
#Only supports videos in standard aspect ratios
 
#Hard to restrict access to videos: private videos can only be shared with 25 people, all of whom must have YouTube accounts.
 
#Hard to restrict access to videos: private videos can only be shared with 25 people, all of whom must have YouTube accounts.
 
#[http://www.youtube.com/t/terms Terms of service] require granting YouTube liberal redistribution and derivative creation rights. (See section 6.)<br>
 
#[http://www.youtube.com/t/terms Terms of service] require granting YouTube liberal redistribution and derivative creation rights. (See section 6.)<br>
Line 34: Line 39:
 
=== MiddMedia  ===
 
=== MiddMedia  ===
  
[https://middmedia.middlebury.edu https://middmedia.middlebury.edu]<br>'''Pros'''
+
[http://middmedia.middlebury.edu http://middmedia.middlebury.edu]<br>'''Pros'''
  
 
#Free for Middlebury College users
 
#Free for Middlebury College users
 
#All users get 500MB of storage space by default
 
#All users get 500MB of storage space by default
 
#Requests for additional storage space will be granted if appropriate.
 
#Requests for additional storage space will be granted if appropriate.
#Video quality is not restricted and MPEG4 and FLV&nbsp;video is not reprocessed, DVD-quality is possible
+
#Video quality is not restricted when uploading in original quality, DVD-quality is possible
 
#Video length is not restricted, only total storage-space usage (which is 500MB by default, see above).
 
#Video length is not restricted, only total storage-space usage (which is 500MB by default, see above).
 
#Local network location means that high quality videos can be streamed instantly around campus.
 
#Local network location means that high quality videos can be streamed instantly around campus.
Line 46: Line 51:
 
#Video uploads are private, access control is totally dependent on where you embed the video (if anywhere).
 
#Video uploads are private, access control is totally dependent on where you embed the video (if anywhere).
 
#Download links are available for all audio and video.
 
#Download links are available for all audio and video.
#Upload and insertion plugins are available for Segue and WordPress.
+
#Upload and insertion plugins are available for WordPress.
  
 
'''Cons'''
 
'''Cons'''
Line 55: Line 60:
 
= Using MiddMedia<br>  =
 
= Using MiddMedia<br>  =
  
The MiddMedia service can be accessed by going to [https://middmedia.middlebury.edu/ https://middmedia.middlebury.edu/]. After you log in you will shown your personal directory and any shared directories to which you can upload audio or video media.<br>  
+
The MiddMedia service can be accessed by going to [http://middmedia.middlebury.edu/ http://middmedia.middlebury.edu/]. After you log in you will shown your personal directory and any shared directories to which you can upload audio or video media.<br>
  
#Go to [https://middmedia.middlebury.edu/ https://middmedia.middlebury.edu/]<br>  
+
#Go to [http://middmedia.middlebury.edu/ http://middmedia.middlebury.edu/]<br>
#Log in<br>  
+
#Log in<br>
 
#Upload audio or video files of a [https://mediawiki.middlebury.edu/wiki/LIS/MiddMedia#Supported_Formats supported format].<br>
 
#Upload audio or video files of a [https://mediawiki.middlebury.edu/wiki/LIS/MiddMedia#Supported_Formats supported format].<br>
  
'''Overview: (Click to play)'''<br>&lt;middmedia height="560" width="706" file="middmedia_intro02.mp4" dir="achapin" /&gt;
+
'''Overview: (Click to play)'''<br><middmedia height="395" width="500" file="middmedia_intro02.mp4" dir="achapin" />
  
== Using audio/video from MiddMedia in Segue ([https://segue.middlebury.edu/ segue.middlebury.edu])<br> ==
+
== Uploading media to MiddMedia  ==
  
Segue includes a media-library plugin for MiddMedia that provides access to MiddMedia within Segue. To insert MiddMedia audio/video in Segue do the following:<br>
+
Audio and video files can be uploaded to MiddMedia from the [http://middmedia.middlebury.edu/ MiddMedia] site or from WordPress. &nbsp;If you plan to upload many media files or large media files, it is recommended that you upload these in&nbsp;[http://middmedia.middlebury.edu/ MiddMedia]&nbsp;first and then access from the WordPress Media Library. &nbsp;When uploading large media files, keep in the mind the following:
  
#Go to the [https://segue.middlebury.edu/ Segue] site in which you want to insert the audio/video.<br>
+
*Large files may need to be uploaded one at a time using the non-Flash upload form
#If you are not logged in, log in.<br>
+
*The maximum size file that can be uploaded to MiddMedia is 3 GB. If a file is larger than 3 GB, split it into smaller files before uploading to MiddMedia.
#Edit a ''Text and Images'' block or create a new ''Text and Images'' block.<br>
+
*For the highest quality video, convert your video files to MPEG-4 video with H.264 encoding before uploading to MiddMedia and choose "original" quality when uploading.
#Click the '''Embed Audio/Video''' button below the editor.<br>
+
* It takes time for the videos to encode so be prepared for the encoding process to take a number of hours for a large video.
#The media-library will open, click on the '''MiddMedia''' tab.<br>
+
* MiddMedia has a single queue. There may be other videos in the queue ahead of yours. Even if your video file is small, it could take a number of hours to encode other videos in the queue before yours is encoded.
#Upload an audio/video file if desired, or choose one already uploaded to MiddMedia.  
+
* You do not need to monitor the encoding process. You can log out/close the page and the server will encode in the background.
#Click the '''Use''' button to insert a ''text-template'' for the embedded audio/video.  
+
* If you want to see the status of your video file you can refresh the page. After refresh you will see what place you are in the queue, or how long your video has been encoding.
#Save the ''Text and Images'' block. The audio or video should now display in the page as an audio/video player.
 
  
<br>'''Segue Usage: (Click to play)'''
+
For more information, see: [https://mediawiki.middlebury.edu/wiki/LIS/MiddMedia#Supported_Formats Supported Formats]
  
<middmedia dir="achapin" file="middmedia-segue02.mp4" width="706" height="560" />
+
== Using audio/video from MiddMedia in Moodle <br>  ==
  
== Using audio/video from MiddMedia in WordPress ([http://blogs.middlebury.edu/ blogs.middlebury.edu])<br>  ==
+
Any audio or video files uploaded to MiddMedia can be added to a [[Moodle]] web page. Here are the steps.
  
We have expanded the Media Library in Wordpress to include an option for MiddMedia.<br>
+
#Upload media file to MiddMedia
 +
#Locate the media files in your MiddMedia direcory
 +
#Click on the "Embed code and URLs"
 +
#Copy the HTTP (Download) URL
 +
#In Moodle, chose: Add a Resource &gt; Compose a web page
 +
#Paste the url you copied from MiddMedia into the box labeled “Compose a web page”
 +
#Select the url and click on the link tool
 +
#Paste the url in the link field
 +
#Save the page
  
'''WordPress Usage: (Click to play)''' &lt;middmedia dir="achapin" file="mediamedia-wordpress01.mp4" width="706" height="560" /&gt;
+
When viewing a web page that has a link to MiddMedia media files, the link willl be replaced with an embedded version of the file.
  
<br>
+
Customizing video dimensions:
 +
To change the dimensions of the video, append ?d=320x240 to the end of the URL where 320 is your desired width and 240 is your desired height. Example:
  
=== Enable the MiddMedia plugin  ===
+
<a href="http://middmedia.middlebury.edu/media/afranco/mp4/Course%20Catalog%20Screencast.mp4?d=320x240">Video</a>
 +
The default width is 640 and the default height is 480.
  
This should be activated, by default.&nbsp; If videos are not displaying, follow these steps to verify that the plugin is activated:
+
== Using audio/video from MiddMedia in WordPress ([http://blogs.middlebury.edu/ sites.middlebury.edu])<br> ==
  
#Go to [https://blogs.middlebury.edu/wp-admin/ your blog's administration interface].
+
We have expanded the Media Library in Wordpress to include an option for MiddMedia.<br>
#Click the Settings link in the upper right after you log on
 
#Scroll down until you see the line for the MiddMedia plugin and click Activate.
 
  
Note: We recommend that you Deactivate the MiddTube Video Plugin if you previously had it enabled. All of your videos will continue to work, provided you've enabled the MiddMedia plugin. We will eventually phase out support for the MiddTube Video Plugin.
+
'''WordPress Usage: (Click to play)'''
  
=== Access the MiddMedia dialog  ===
+
<middmedia dir="LISCurricularTechnologyTeam" file="middmedia-wordpress02.mp4" width="500" height="395" /><br>
  
#Begin editing the post or page. Place the cursor in the content area where you would like the media to appear.  
+
Access the MiddMedia dialog
#Click the Add Media starburst in the upper-right corner of the editing window.  
+
 
 +
#Begin editing the post or page. Place the cursor in the content area where you would like the media to appear.
 +
#Click the Add Media button in the upper-left above the editing window.
 
#Click the MiddMedia tab in the frame that opens.
 
#Click the MiddMedia tab in the frame that opens.
  
=== Uploading Media ===
+
Uploading Media
  
#In the Upload Media section, select the Directory from the drop down dialog you will upload to.  
+
#In the Upload Media section, select the Directory from the drop down dialog you will upload to.
#Click the Browse button and locate the media to upload on your computer.  
+
#Click the Browse button and locate the media to upload on your computer.
 
#Click the Upload File button.
 
#Click the Upload File button.
  
<br>  
+
<br>
  
Note: Your file is first uploaded to the Wordpress server, which then uploads the file to the MiddMedia server. For large files, this process can take a long time since we're uploading it twice! If you're uploading a large video file or many files, we recommend using the [https://middmedia.middlebury.edu MiddMedia service] directly.  
+
Note: Your file is first uploaded to the Wordpress server, which then uploads the file to the MiddMedia server. For large files, this process can take a long time since we're uploading it twice! If you're uploading a large video file or many files, we recommend using the [http://middmedia.middlebury.edu MiddMedia service] directly.
  
=== Including Media in your Posts and Pages ===
+
Including Media in your Posts and Pages
  
#In the Insert Media section, select the Directory from the drop down dialog you want to view files from.  
+
#In the Insert Media section, select the Directory from the drop down dialog you want to view files from.
#Click Show Files  
+
#Click Show Files
 
#Click the Use button to the left of the file you want to include in your content.
 
#Click the Use button to the left of the file you want to include in your content.
  
This will add a line to your post or page resembling "[middmedia username directory filename.ext]". When the post is displayed to someone reading your blog, the Wordpress server will use this information to contact the MiddMedia server and fetch the video information. You can edit this information manually if you like, or delete the line from your post to remove the video.  
+
This will add a line to your post or page resembling "[middmedia username directory filename.ext]". When the post is displayed to someone reading your blog, the Wordpress server will use this information to contact the MiddMedia server and fetch the video information. You can edit this information manually if you like, or delete the line from your post to remove the video.
  
=== Deleting Media from MiddMedia ===
+
Deleting Media from MiddMedia
  
#In the Insert Media section, select the Directory from the drop down dialog you want to view files from.  
+
#In the Insert Media section, select the Directory from the drop down dialog you want to view files from.
#Click Show Files  
+
#Click Show Files
#Click the Delete button to the left of the file you want to delete.  
+
#Click the Delete button to the left of the file you want to delete.
 
#Click the Yes button in the confirmation message that is now displayed.
 
#Click the Yes button in the confirmation message that is now displayed.
  
<br>  
+
Using audio/video from MiddMedia in MediaWiki<br>
  
== Using audio/video from MiddMedia in MediaWiki<br> ==
+
Audio and video can be embedded in MediaWiki pages for wikis that have the 'MiddMedia' plugin installed. See the [[Special:Version]] page for your wiki to determine if the 'MiddMedia' plugin is installed.<br>
  
Audio and video can be embedded in MediaWiki pages for wikis that have the 'MiddMedia' plugin installed. See the [[Special:Version]] page for your wiki to determine if the 'MiddMedia' plugin is installed.<br>
+
To insert video in a page:
  
To insert video in a page:
+
#Upload the video to [http://middmedia.middlebury.edu/ MiddMedia].
 +
#Open a new browser window and go to your wiki.
 +
#Click the '''edit''' tab to edit the page.
 +
#If using the WYSIWYG editor, click the 'Wikitext' button to go into text-mode.
 +
#Type in a custom tag where you want the video to go. Replace the ''dir'' and ''file'' values with those for your video as seen in your [http://middmedia.middlebury.edu/ MiddMedia] listing.<br><code>&lt;middmedia height="160px" width="300px" dir="afranco" file="MIDDLEBURY KICKOFF.mp4"/&gt;</code>
 +
<br> &lt;middmedia height="560" width="706" file="middmedia_intro02.mp4" dir="achapin" /&gt;</code>
 +
#Save the page.
  
#Upload the video to [https://middmedia.middlebury.edu/ MiddMedia].
+
Using audio/video from MiddMedia in other places<br>
#Open a new browser window and go to your wiki.
 
#Click the '''edit''' tab to edit the page.
 
#If using the WYSIWYG editor, click the 'Wikitext' button to go into text-mode.
 
#Type in a custom tag where you want the video to go. Replace the ''dir'' and ''file'' values with those for your video as seen in your [https://middmedia.middlebury.edu/ MiddMedia] listing.<br><code>&lt;middmedia height="160px" width="300px" dir="afranco" file="MIDDLEBURY KICKOFF.mp4"/&gt;</code>
 
  
<br>
+
==Embedding Audio/Video==
  
<br> &lt;middmedia height="560" width="706" file="middmedia_intro02.mp4" dir="achapin" /&gt;
+
Audio and video can be embeded in static web pages as well as in many blogging systems. Please be aware that some systems do not allow users to insert embed code for security reasons and will strip it out when you attempt to save your content.
  
#Save the page.
+
#Go to MiddMedia and log in.
 +
#Find the audio/video you wish to use
 +
#Click on the '''Embed Code &amp; URLs''' link
 +
#Copy all of the embed-code from the first text area
 +
#Paste the embed code into the HTML source of you page.
 +
 
 +
==Embedding Video in the Main Drupal Site==
 +
 
 +
#Go to MiddMedia and log in.
 +
#Find the audio/video you wish to use
 +
#Click on the '''Embed Code &amp; URLs''' link
 +
#Copy the '''HTTP URL''' link from the second text-field.
 +
#Go to Middlebury.edu and log in
 +
#Find the page you wish to edit
 +
#Either edit or create a new '''Basic Content''' or '''Story''' node
 +
#Create a video short code by typing '''[video:]'''
 +
#Paste your video URL between the colon&nbsp;: and the closing bracket ]
 +
 
 +
Ex: [video:http://path/my_video.mp4]
 +
 
 +
For more info including additional options see [[Editing in Drupal#Video]]
  
<br>  
+
Download links to Audio/Video<br>
  
== Using audio/video from MiddMedia in other places<br>  ==
+
If you wish to allow users to download your audio/video file rather than play it directly in a web-page, MiddMedia provides you with a download link.
  
=== Embedding Audio/Video  ===
+
#Go to MiddMedia and log in.
 +
#Find the audio/video you wish to use
 +
#Click on the '''Embed Code &amp; URLs''' link
 +
#Copy the '''HTTP URL''' link from the second text-field.
 +
#Paste the link into your web page or email.
  
Audio and video can be embeded in static web pages as well as in many blogging systems. Please be aware that some systems do not allow users to insert embed code for security reasons and will strip it out when you attempt to save your content.  
+
You can also click on the “Click here to view and/or download this file.” link to access download links for each of the formats the file is available in.
  
#Go to MiddMedia and log in.
+
==Permalinks==
#Find the audio/video you wish to use
 
#Click on the '''Embed Code &amp; URLs''' link
 
#Copy all of the embed-code from the first text area
 
#Paste the embed code into the HTML source of you page.
 
  
=== Download links to Audio/Video<br>  ===
+
Media files in MiddMedia are now accessible via permalinks for display and downloading. Now you can link directly to a page served by MiddMedia that displays the media and download links to all versions of the media.
  
If you wish to allow users to download your audio/video file rather than play it directly in a web-page, MiddMedia provides you with a download link.
+
You can find a link to this page if you click “Embed Code &amp; URLs” next to any video you are browsing in MiddMedia and click on the “Click here to view and/or download this file.”. Alternately you can construct this URL like this “http://middmedia.middlebury.edu/middmedia/view/dir/[the directory where the file is located]/file/[the name of the file with its extension]"
  
#Go to MiddMedia and log in.  
+
Example: http://middmedia.middlebury.edu/middmedia/view/dir/lafrance/file/go.mp4
#Find the audio/video you wish to use
 
#Click on the '''Embed Code &amp; URLs''' link
 
#Copy the '''HTTP URL''' link from the second text-field.
 
#Paste the link into your web page or email.
 
  
= Supported Formats =
+
==Supported Formats==
  
The supported audio and video formats are described below. If you need additional support creating audio/video files of the proper format, please contact the Digital Media Tutors in the Wilson Media Lab.  
+
The supported audio and video formats are described below. If you need additional support creating audio/video files of the proper format, please contact the Digital Media Tutors in the Wilson Media Lab.
  
== Video<br> ==
+
Video<br>
  
MiddMedia natively supports Flash video (.flv) and MPEG-4 video with H.264 encoding (.mp4). Other video formats are supported for upload to MiddMedia, but will automatically be converted to MPEG-4 video with H.264, possibly resulting in quality loss. MPEG-4 video with H.264 encoding provides the best quality and is the preferred format.  
+
MiddMedia natively supports Flash video (.flv) and MPEG-4 video with H.264 encoding (.mp4). Other video formats are supported for upload to MiddMedia, but will automatically be converted to MPEG-4 video with H.264, possibly resulting in quality loss. MPEG-4 video with H.264 encoding provides the best quality and is the preferred format.
  
=== Natively Supported formats ===
+
===Natively Supported formats===
  
The following video formats will not have any conversion applied to them when they are uploaded to MiddMedia, retaining their full resolution:  
+
The following video formats will not have any conversion applied to them when they are uploaded to MiddMedia, retaining their full resolution if original quality is selected:
  
*MPEG-4 video with H.264 encoding (.mp4)
+
*MPEG-4 video with H.264 encoding (.mp4)
*Flash video (.flv)
 
  
=== Other Supported formats ===
+
===Other Supported formats===
  
The following video formats will be automatically converted to MPEG-4 video with H.264 encoding after they are uploaded to MiddMedia.  
+
The following video formats will be automatically converted to MPEG-4 video with H.264 encoding and WebM after they are uploaded to MiddMedia.
  
*.avi - Audio Video Interleave (video/x-msvideo)  
+
*.avi - Audio Video Interleave (video/x-msvideo)
*.asf - Advanced Systems Format (video/x-ms-asf)  
+
*.asf - Advanced Systems Format (video/x-ms-asf)
*.dv - Digital Video (video/x-dv)  
+
*.dv - Digital Video (video/x-dv)
*.m4v - iTunes Video (video/x-m4v)  
+
*.m4v - iTunes Video (video/x-m4v)
*.mj2 - Motion JPEG 2000 Video (video/x-motion-jpeg)  
+
*.mj2 - Motion JPEG 2000 Video (video/x-motion-jpeg)
*.mjp - Motion JPEG Video (video/x-motion-jpeg)  
+
*.mjp - Motion JPEG Video (video/x-motion-jpeg)
*.mjpg - Motion JPEG Video (video/x-motion-jpeg)  
+
*.mjpg - Motion JPEG Video (video/x-motion-jpeg)
*.mkv - Matroska Video (video/x-matroska)  
+
*.mkv - Matroska Video (video/x-matroska)
*.mov - Apple QuickTime Movie (video/quicktime)  
+
*.mov - Apple QuickTime Movie (video/quicktime)
*.mpeg - MPEG Video (video/mpeg)  
+
*.mpeg - MPEG Video (video/mpeg)
*.mpg - MPEG Video (video/mpeg)  
+
*.mpg - MPEG Video (video/mpeg)
*.ogv - Ogg Vorbis Video (video/ogg)  
+
*.ogv - Ogg Vorbis Video (video/ogg)
*.qt - Apple QuickTime Movie (video/quicktime )  
+
*.qt - Apple QuickTime Movie (video/quicktime )
*.rv - Real Video (video/vnd-rn-realvideo)  
+
*.rv - Real Video (video/vnd-rn-realvideo)
 
*.wmv - Windows Media Video (video/x-ms-wmv)
 
*.wmv - Windows Media Video (video/x-ms-wmv)
  
=== How to create MPEG-4 video with H.264 encoding (.mp4) ===
+
== How to create MPEG-4 video with H.264 encoding (.mp4) ==
  
==== OS X - QuickTime Player ====
+
=== OS X - QuickTime Player ===
  
#Go to '''File''' --&gt; '''Export...'''  
+
QuickTime X:
#Select '''Export:''' <code>Movie to MPEG-4</code>  
+
#Go to '''File''' --&gt; '''Export...'''
#Select '''Use:''' <code>LAN/Intranet</code>  
+
#Select 480p
 +
#Click '''Export'''
 +
 
 +
QuickTime 7 or earlier:
 +
#Go to '''File''' --&gt; '''Export...'''
 +
#Select '''Export:''' <code>Movie to MPEG-4</code>
 +
#Select '''Use:''' <code>LAN/Intranet</code>
 
#Click the '''Save''' button.
 
#Click the '''Save''' button.
  
==== OS X - IMovie  ====
+
=== OS X - iMovie ===
 +
====iMovie '09====
 +
#Go to '''File''' --&gt; '''Export...'''
 +
#Choose the '''quicktime''' icon
 +
#Select '''Expert Settings''' in the dropdown menu
 +
#Click the '''Share''' button.
 +
#Select '''Movie to Mpeg-4''' in the '''Export:''' dropdown menu
 +
#Click the '''Options''' button.
 +
#Select '''MP4''' in the '''File Format:''' dropdown menu
 +
#Select '''H.264''' in the '''Video Format:''' dropdown menu
 +
#Click the '''OK''' button.
 +
#In the '''Save As''' and '''Where''' menus choose a location to save.
 +
#Click the '''Save''' button.
  
#Go to '''File''' --&gt; '''Export...'''  
+
====iMovie '11====
#Choose the '''quicktime''' icon
+
#Go to '''Share''' --&gt; '''Export using QuickTime...'''
#Select '''Expert Settings''' in the dropdown menu
+
#Select '''Movie to Mpeg-4''' in the '''Export:''' dropdown menu
#Click the '''Share''' button.
+
#Click the '''Options''' button.
#Select '''Movie to Mpeg-4''' in the '''Export:''' dropdown menu  
+
#Select '''MP4''' in the '''File Format:''' dropdown menu
#Click the '''Options''' button.  
+
#Select '''H.264''' in the '''Video Format:''' dropdown menu
#Select '''MP4''' in the '''File Format:''' dropdown menu  
+
#'''Data Rate:'''
#Select '''H.264''' in the '''Video Format:''' dropdown menu  
+
## If your video is more than an hour, enter '''2000''' kbits/sec in the '''Data Rate''' field. This will compress the video so it fits in the MiddMedia upload quota.
#Click the '''OK''' button.  
+
## If your video is less than an hour, enter '''3000''' kbits/sec in the '''Data Rate''' field
#In the '''Save As''' and '''Where''' menus choose a location to save.  
+
#Click the '''OK''' button and choose a location to save the video.
 
#Click the '''Save''' button.
 
#Click the '''Save''' button.
  
==== Windows - "Any Video Converter"  ====
+
=== OS X - Final Cut Pro 7 - directly to QuickTime ===
 +
 
 +
#Go to File --&gt; Export --&gt; QuickTime Movie
 +
#Use the same settings as the [[#OS_X_-_QuickTime_Player|OS X - QuickTime Player]] option above.
 +
 
 +
=== OS X - Final Cut Pro 7 - using Compressor ===
 +
 
 +
Follow the instructions outlined on Apple's [http://documentation.apple.com/en/compressor/usermanual/index.html#chapter=8%26section=5%26tasks=true Using Final Cut Pro with Compressor] page.<br>
  
#Download and install "Any Video Converter" from [http://www.any-video-converter.com/products/for_video_free/ http://www.any-video-converter.com/products/for_video_free/]  
+
=== Windows - "Any Video Converter" ===
#Click Add Video to add your source video  
+
 
#Select MP4 Movie Profile  
+
#Download and install "Any Video Converter" from [http://www.any-video-converter.com/products/for_video_free/ http://www.any-video-converter.com/products/for_video_free/]
#Under Video Options, select "Video Codec x264"  
+
#Click Add Video to add your source video
 +
#Select MP4 Movie Profile
 +
#Under Video Options, select "Video Codec x264"
 
#Click convert
 
#Click convert
  
==== Windows - Adobe Premiere Pro CS3 ====
+
=== Windows - Adobe Premiere Pro CS3 ===
 +
 
 +
#Select the sequence to be exported and select '''File''' --&gt; '''Export''' --&gt; '''Adobe Media Encoder'''.
 +
#In '''Export Settings''' select '''H.264'''.
 +
#
 +
 
 +
Choose a preset or choose custom settings for '''Video''' (resolution, frame rate, bitrate, etc.) and '''Audio''' (codec, frequency, quality, bitrate, etc.), and click '''OK'''.
  
#Select the sequence to be exported and select '''File''' --&gt; '''Export''' --&gt; '''Adobe Media Encoder'''.
 
#In '''Export Settings''' select '''H.264'''.
 
#Choose a preset or choose custom settings for '''Video''' (resolution, frame rate, bitrate, etc.) and '''Audio''' (codec, frequency, quality, bitrate, etc.), and click '''OK'''.
 
 
#Choose a filename (default extension is mp4) and file location, and click '''OK''' to start rendering.
 
#Choose a filename (default extension is mp4) and file location, and click '''OK''' to start rendering.
  
==== Optimal Encoding Mpeg Streamclip ====
+
=== Optimal Encoding Mpeg Streamclip ===
 +
 
 +
mp4:h264
 +
 
 +
{quality=0.25
 +
 
 +
or data rate=512 kb/s}
  
mp4:h264
+
dimension=640X480
  
{quality=0.25
+
==Audio<br>==
  
or data rate=512 kb/s}
+
MP3 audio is the only audio format supported by MiddMedia. Other audio formats are not currently supported and can not be uploaded to MiddMedia.<br>
  
dimension=640X480
+
==Permissions<br>==
  
== Audio<br> ==
+
Permission to work with specific folders in MiddMedia is determined by membership in the appropriate group. &nbsp;The group's manager can adjust membership as needed. &nbsp;To find out who manages a group, log on to http://login.middlebury.edu/groups then click the "All Web Groups" tab.<br>
  
MP3 audio is the only audio format supported by MiddMedia. Other audio formats are not currently supported and can not be uploaded to MiddMedia.<br>
+
==Shared Directories==
  
= Permissions<br>  =
+
To create shared directory, first create a new group:
 +
* Visit [http://login.middlebury.edu/groups http://login.middlebury.edu/groups].
 +
* Log in and if you have appropriate permissions you should see the menu item, “My Web Groups”.
 +
* On the "My Web Groups" screen, use the “Create a new group in web data/MIDD" or "web data/MIIS" and name it something descriptive.
 +
* Add any users who need access.
 +
* Add yourself' as a member so that the shared directory appears for you in MiddMedia.
  
Permission to work with specific folders in MiddMedia is determined by membership in the appropriate group. &nbsp;The group's manager can adjust membership as needed. &nbsp;To find out who manages a group, log on to http://login.middlebury.edu/groups then click the "Web Groups" tab.<br>
+
When you’re done, or if you're unable to make a group, please send a request for the group to be added as a shared directory to MiddMedia to the Middlebury helpdesk, helpdesk@middlebury.edu, or call 802.443.2200 (2200 on campus).
  
= System Requirements =
+
==System Requirements==
  
You can find out the version of Flash Player that you have installed here: [http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_15507 Version Test for Adobe Flash Player]  
+
You can find out the version of Flash Player that you have installed here: [http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_15507 Version Test for Adobe Flash Player]
  
You can upgrade your Flash Player here: [http://get.adobe.com/flashplayer/ Get Adobe Flash Player]  
+
You can upgrade your Flash Player here: [http://get.adobe.com/flashplayer/ Get Adobe Flash Player]
  
== File-Management UI ==
+
==File-Management UI==
  
The Flash File-Upload control has been tested on the following platforms, browsers, and Flash Player versions:  
+
The Flash File-Upload control has been tested on the following platforms, browsers, and Flash Player versions:
  
*Windows XP:  
+
*Windows XP:
**FireFox 3.0.6  
+
**FireFox 3.0.6
***'''Flash 10.0.12.36''' - Works properly<br>  
+
***'''Flash 10.0.12.36''' - Works properly<br>
***'''Flash 9.0.151.0''' - Works properly<br>  
+
***'''Flash 9.0.151.0''' - Works properly<br>
***Flash 8.0.42.0 - Upload button does not display.<br>  
+
***Flash 8.0.42.0 - Upload button does not display.<br>
**FireFox 2.0.0.20  
+
**FireFox 2.0.0.20
***'''Flash 10.0.12.36''' - Works properly<br>  
+
***'''Flash 10.0.12.36''' - Works properly<br>
***'''Flash 9.0.151.0''' - Works properly<br>  
+
***'''Flash 9.0.151.0''' - Works properly<br>
***Flash 8.0.42.0 - Upload button does not display.<br>  
+
***Flash 8.0.42.0 - Upload button does not display.<br>
**Internet Explorer 7  
+
**Internet Explorer 7
***'''''Flash 10.0.12.36''''' - Upload success, but requires the page to be refreshed after uploads complete. <br>  
+
***'''''Flash 10.0.12.36''''' - Upload success, but requires the page to be refreshed after uploads complete. <br>
***'''''Flash 9.0.151.0''''' - Upload success, but requires the page to be refreshed after uploads complete.  
+
***'''''Flash 9.0.151.0''''' - Upload success, but requires the page to be refreshed after uploads complete.
***Flash 8.0.42.0 - Upload button does not display.<br>  
+
***Flash 8.0.42.0 - Upload button does not display.<br>
**Internet Explorer 6  
+
**Internet Explorer 6
***'''''Flash 10.0.12.36''''' - Upload success, but requires the page to be refreshed after uploads complete. <br>  
+
***'''''Flash 10.0.12.36''''' - Upload success, but requires the page to be refreshed after uploads complete. <br>
***'''''Flash 9.0.151.0''''' - Upload success, but requires the page to be refreshed after uploads complete.  
+
***'''''Flash 9.0.151.0''''' - Upload success, but requires the page to be refreshed after uploads complete.
 
***Flash 8.0.42.0 - Upload button does not display.<br>
 
***Flash 8.0.42.0 - Upload button does not display.<br>
  
== Video Playback ==
+
==Video Playback==
  
*Windows XP:  
+
*Windows XP:
**FireFox 3.0.6  
+
**FireFox 3.0.6
***'''Flash 10.0.12.36''' - Works properly. Streams MP4 and FLV video, plays MP3 audio<br>  
+
***'''Flash 10.0.12.36''' - Works properly. Streams MP4 and FLV video, plays MP3 audio<br>
***'''Flash 9.0.151.0''' - Works properly. Streams MP4 and FLV video, plays MP3 audio<br>  
+
***'''Flash 9.0.151.0''' - Works properly. Streams MP4 and FLV video, plays MP3 audio<br>
***Flash 8.0.42.0 - Streams FLV video. MP4 video streaming does not work. MP3 audio playback does not work.<br>  
+
***Flash 8.0.42.0 - Streams FLV video. MP4 video streaming does not work. MP3 audio playback does not work.<br>
**FireFox 2.0.0.2  
+
**FireFox 2.0.0.2
***'''Flash 10.0.12.36''' - Works properly. Streams MP4 and FLV video, plays MP3 audio<br>  
+
***'''Flash 10.0.12.36''' - Works properly. Streams MP4 and FLV video, plays MP3 audio<br>
***'''Flash 9.0.151.0''' - Works properly. Streams MP4 and FLV video, plays MP3 audio<br>  
+
***'''Flash 9.0.151.0''' - Works properly. Streams MP4 and FLV video, plays MP3 audio<br>
***Flash 8.0.42.0 - Streams FLV video. MP4 video streaming does not work. . Plays MP3 audio.<br>  
+
***Flash 8.0.42.0 - Streams FLV video. MP4 video streaming does not work. . Plays MP3 audio.<br>
**Internet Explorer 7  
+
**Internet Explorer 7
***'''Flash 10.0.12.36''' - Works properly. Streams MP4 and FLV video, plays MP3 audio  
+
***'''Flash 10.0.12.36''' - Works properly. Streams MP4 and FLV video, plays MP3 audio
***'''Flash 9.0.151.0''' - Streams MP4 and FLV video, plays MP3 audio<br>  
+
***'''Flash 9.0.151.0''' - Streams MP4 and FLV video, plays MP3 audio<br>
***Flash 8.0.42.0 - Streams FLV video. MP4 video streaming does not work. Plays MP3 audio.<br>  
+
***Flash 8.0.42.0 - Streams FLV video. MP4 video streaming does not work. Plays MP3 audio.<br>
**Internet Explorer 6  
+
**Internet Explorer 6
***'''Flash 10.0.12.36''' - Works properly. Streams MP4 and FLV video, plays MP3 audio. Pop-up confirmation dialog occurs.  
+
***'''Flash 10.0.12.36''' - Works properly. Streams MP4 and FLV video, plays MP3 audio. Pop-up confirmation dialog occurs.
***'''Flash 9.0.151.0''' - Streams MP4 and FLV video, plays MP3 audio. Pop-up confirmation dialog occurs.  
+
***'''Flash 9.0.151.0''' - Streams MP4 and FLV video, plays MP3 audio. Pop-up confirmation dialog occurs.
 
***Flash 8.0.42.0 - Streams FLV video. MP4 video streaming does not work. Plays MP3 audio. Pop-up confirmation dialog occurs.<br>
 
***Flash 8.0.42.0 - Streams FLV video. MP4 video streaming does not work. Plays MP3 audio. Pop-up confirmation dialog occurs.<br>
[[Category:Multimedia]]
+
 
 +
= Troubleshooting =
 +
 
 +
== Upload Issues ==
 +
 
 +
=== General ===
 +
 
 +
'''Try re-encoding the video'''. There are many variables regarding the video and audio streams in a video file. Simply re-encoding a video, normally to a different format, may alter these enough to allow MiddMedia to successfully encode a video that failed. Try re-encoding your video to .mp4 or .wmv and re-uploading.
 +
 
 +
I frequently re-encode to .wmv with Windows Live Movie Maker, a free video editor available as part of the [http://windows.microsoft.com/en-US/windows-live/essentials-home Windows Live Essentials]. You may use any free or commercial video editor you are comfortable with.
 +
 
 +
'''Try uploading it with the “Alternate (non-Flash) upload form”'''. You’ll see the link to it on the right hand side on the bottom of that column, under the allowed media types. If you have trouble finding it just do a “find” on the page for the text.
 +
 
 +
=== Video Conversion Failed ===
 +
 
 +
'''Check the number of audio channels in your video'''. MiddMedia only supports stereo audio, 2 channels. If there are more than two channels, such as surround sound, the video encoding will fail. Please re-encode the video in stereo.
 +
 
 +
=== Upload Error 500 ===
 +
 
 +
'''You do not have enough space in your quota''' to upload the original video file for conversion. Consider re-encoding the video to a smaller file size (smaller dimensions, a lower framerate, or a lower quality) before uploading to MiddMedia. If you still don't have enough space you may request a storage quota increase by contacting the Middlebury helpdesk, helpdesk@middlebury.edu, or call 802.443.2200 (2200 on campus).
 +
 
 +
== Playback Issues ==
 +
 
 +
=== General ===
 +
 
 +
'''Look at the video in a different web browser'''. Sometimes an issue may be browser specific, either to the particular machine/browser, or due to the file format. If you're trying the video in Firefox, try it in IE. If you're checking it on iOS, try it on Safari for Mac. If it seems to be specific to a browser or machine, try clearing the browser cache and see if the problem persists. If the problem is only happening in Chrome, check Chrome on a Mac, and a PC. You may be able to help narrow down the issue significantly.
 +
 
 +
We currently encode to two formats WebM (VP8) and Mp4 (H.264). This Wikipedia pages lists the support for these video types for each browser: http://en.wikipedia.org/wiki/HTML5_video
 +
 
 +
=== Video Stutters or Plays Back Poorly ===
 +
 
 +
'''The connection is not fast enough'''. If you're viewing video on your phone or over a wireless connection it's possible that you won't have a fast enough connection to stream the video. If you are experiencing this, or simply want to ensure the best performance (at the sacrifice of some quality), consider uploading your video at a lower setting, the lowest being 360p. This will reduce the overall resolution and bit-rate slightly but should provide better performance on less capable connections.
 +
 
 +
'''Try auto loading the video'''. If you are embedding the file with embed code you may want to add the preload attribute “auto”. Using this attribute means that this video will be loaded regardless of whether or not the user ever watches the video which can waste a lot of bandwidth. However, if the purpose of the page is solely to watch the video, it can cause the video to start loading immediately which may reduce buffering issues.
 +
 
 +
=== Black at the Beginning/Sound Out of Sync ===
 +
 
 +
'''The container format declares a different frame rate than the actual video stream'''. There may be a discrepancy between the framerate and the material frame count. If you know the material frame count, compare it to the length of the video (Ex: 4:18 min [258 seconds]) multiplied by the frames per second (Ex: 23.976 fps). If there is a difference between the numbers (Ex: frame count: 6256, length x fps: 6185.808) then you will want to recalculate the true frame rate (Ex: 24.248) and re-encode the video at that framerate.
 +
 
 +
=== Splash Images Do Not Appear ===
 +
 
 +
'''The splash image is in .gif format.''' Flow Player, our default Flash based player for versions of IE previous to 9, will not display splash images that are in .gif format; they need to be in .jpg or .png. This should not be an issue with any other browsers, including later versions of IE.
 +
 
 +
== Still Having Trouble ==
 +
 
 +
Please contact the Middlebury helpdesk, helpdesk@middlebury.edu, or call 802.443.2200 (2200 on campus).
 +
 
 +
[[Category:Web Application Development]]
 +
[[Category:Video]]
 +
[[Category:Public Search]]

Latest revision as of 10:16, 6 August 2018

 

 

After 10 years of service, MiddMedia will be going away! For more information, see our blog post Panopto is replacing MiddMedia and Muskrat.

 

 

About MiddMedia

MiddMedia is a audio/video storage and streaming service hosted by the college. It is developed and supported by LIS with the goal of providing high quality video streaming for both academic and administrative needs.

MiddMedia is not a video browsing and search service. To share a video with others you must embed it in a website visible to your intended audience. This website might be a Middlebury Drupal page, a Moodle site, a WordPress blog, a MediaWiki wiki, or another site on campus or elsewhere on the internet. See below for instructions on embedding audio and video.

Comparison with other services

I can upload videos to YouTube, why would I want to use MiddMedia?

YouTube

http://www.youtube.com

Pros

  1. Popular
  2. Free
  3. Easy to use
  4. Large audience
  5. Built-in commenting and rating
  6. Tally of content views

Cons

  1. Maximum video length may be limited.
  2. Only supports videos in standard aspect ratios
  3. Hard to restrict access to videos: private videos can only be shared with 25 people, all of whom must have YouTube accounts.
  4. Terms of service require granting YouTube liberal redistribution and derivative creation rights. (See section 6.)
  5. Videos cannot be downloaded, only watched in the web browser.


MiddMedia

http://middmedia.middlebury.edu
Pros

  1. Free for Middlebury College users
  2. All users get 500MB of storage space by default
  3. Requests for additional storage space will be granted if appropriate.
  4. Video quality is not restricted when uploading in original quality, DVD-quality is possible
  5. Video length is not restricted, only total storage-space usage (which is 500MB by default, see above).
  6. Local network location means that high quality videos can be streamed instantly around campus.
  7. Videos can be of any aspect ratio (such as tall and narrow)
  8. Supports MP3 audio
  9. Video uploads are private, access control is totally dependent on where you embed the video (if anywhere).
  10. Download links are available for all audio and video.
  11. Upload and insertion plugins are available for WordPress.

Cons

  1. Extra steps needed to embed video in another system or email download links in order to share videos with others.
  2. No simple tally of content views.

Using MiddMedia

The MiddMedia service can be accessed by going to http://middmedia.middlebury.edu/. After you log in you will shown your personal directory and any shared directories to which you can upload audio or video media.

  1. Go to http://middmedia.middlebury.edu/
  2. Log in
  3. Upload audio or video files of a supported format.

Overview: (Click to play)

Uploading media to MiddMedia

Audio and video files can be uploaded to MiddMedia from the MiddMedia site or from WordPress.  If you plan to upload many media files or large media files, it is recommended that you upload these in MiddMedia first and then access from the WordPress Media Library.  When uploading large media files, keep in the mind the following:

  • Large files may need to be uploaded one at a time using the non-Flash upload form
  • The maximum size file that can be uploaded to MiddMedia is 3 GB. If a file is larger than 3 GB, split it into smaller files before uploading to MiddMedia.
  • For the highest quality video, convert your video files to MPEG-4 video with H.264 encoding before uploading to MiddMedia and choose "original" quality when uploading.
  • It takes time for the videos to encode so be prepared for the encoding process to take a number of hours for a large video.
  • MiddMedia has a single queue. There may be other videos in the queue ahead of yours. Even if your video file is small, it could take a number of hours to encode other videos in the queue before yours is encoded.
  • You do not need to monitor the encoding process. You can log out/close the page and the server will encode in the background.
  • If you want to see the status of your video file you can refresh the page. After refresh you will see what place you are in the queue, or how long your video has been encoding.

For more information, see: Supported Formats

Using audio/video from MiddMedia in Moodle

Any audio or video files uploaded to MiddMedia can be added to a Moodle web page. Here are the steps.

  1. Upload media file to MiddMedia
  2. Locate the media files in your MiddMedia direcory
  3. Click on the "Embed code and URLs"
  4. Copy the HTTP (Download) URL
  5. In Moodle, chose: Add a Resource > Compose a web page
  6. Paste the url you copied from MiddMedia into the box labeled “Compose a web page”
  7. Select the url and click on the link tool
  8. Paste the url in the link field
  9. Save the page

When viewing a web page that has a link to MiddMedia media files, the link willl be replaced with an embedded version of the file.

Customizing video dimensions: To change the dimensions of the video, append ?d=320x240 to the end of the URL where 320 is your desired width and 240 is your desired height. Example:

<a href="http://middmedia.middlebury.edu/media/afranco/mp4/Course%20Catalog%20Screencast.mp4?d=320x240">Video</a> The default width is 640 and the default height is 480.

Using audio/video from MiddMedia in WordPress (sites.middlebury.edu)

We have expanded the Media Library in Wordpress to include an option for MiddMedia.

WordPress Usage: (Click to play)


Access the MiddMedia dialog

  1. Begin editing the post or page. Place the cursor in the content area where you would like the media to appear.
  2. Click the Add Media button in the upper-left above the editing window.
  3. Click the MiddMedia tab in the frame that opens.

Uploading Media

  1. In the Upload Media section, select the Directory from the drop down dialog you will upload to.
  2. Click the Browse button and locate the media to upload on your computer.
  3. Click the Upload File button.


Note: Your file is first uploaded to the Wordpress server, which then uploads the file to the MiddMedia server. For large files, this process can take a long time since we're uploading it twice! If you're uploading a large video file or many files, we recommend using the MiddMedia service directly.

Including Media in your Posts and Pages

  1. In the Insert Media section, select the Directory from the drop down dialog you want to view files from.
  2. Click Show Files
  3. Click the Use button to the left of the file you want to include in your content.

This will add a line to your post or page resembling "[middmedia username directory filename.ext]". When the post is displayed to someone reading your blog, the Wordpress server will use this information to contact the MiddMedia server and fetch the video information. You can edit this information manually if you like, or delete the line from your post to remove the video.

Deleting Media from MiddMedia

  1. In the Insert Media section, select the Directory from the drop down dialog you want to view files from.
  2. Click Show Files
  3. Click the Delete button to the left of the file you want to delete.
  4. Click the Yes button in the confirmation message that is now displayed.

Using audio/video from MiddMedia in MediaWiki

Audio and video can be embedded in MediaWiki pages for wikis that have the 'MiddMedia' plugin installed. See the Special:Version page for your wiki to determine if the 'MiddMedia' plugin is installed.

To insert video in a page:

  1. Upload the video to MiddMedia.
  2. Open a new browser window and go to your wiki.
  3. Click the edit tab to edit the page.
  4. If using the WYSIWYG editor, click the 'Wikitext' button to go into text-mode.
  5. Type in a custom tag where you want the video to go. Replace the dir and file values with those for your video as seen in your MiddMedia listing.
    <middmedia height="160px" width="300px" dir="afranco" file="MIDDLEBURY KICKOFF.mp4"/>


<middmedia height="560" width="706" file="middmedia_intro02.mp4" dir="achapin" />

  1. Save the page.

Using audio/video from MiddMedia in other places

Embedding Audio/Video

Audio and video can be embeded in static web pages as well as in many blogging systems. Please be aware that some systems do not allow users to insert embed code for security reasons and will strip it out when you attempt to save your content.

  1. Go to MiddMedia and log in.
  2. Find the audio/video you wish to use
  3. Click on the Embed Code & URLs link
  4. Copy all of the embed-code from the first text area
  5. Paste the embed code into the HTML source of you page.

Embedding Video in the Main Drupal Site

  1. Go to MiddMedia and log in.
  2. Find the audio/video you wish to use
  3. Click on the Embed Code & URLs link
  4. Copy the HTTP URL link from the second text-field.
  5. Go to Middlebury.edu and log in
  6. Find the page you wish to edit
  7. Either edit or create a new Basic Content or Story node
  8. Create a video short code by typing [video:]
  9. Paste your video URL between the colon : and the closing bracket ]

Ex: [video:http://path/my_video.mp4]

For more info including additional options see Editing in Drupal#Video

Download links to Audio/Video

If you wish to allow users to download your audio/video file rather than play it directly in a web-page, MiddMedia provides you with a download link.

  1. Go to MiddMedia and log in.
  2. Find the audio/video you wish to use
  3. Click on the Embed Code & URLs link
  4. Copy the HTTP URL link from the second text-field.
  5. Paste the link into your web page or email.

You can also click on the “Click here to view and/or download this file.” link to access download links for each of the formats the file is available in.

Permalinks

Media files in MiddMedia are now accessible via permalinks for display and downloading. Now you can link directly to a page served by MiddMedia that displays the media and download links to all versions of the media.

You can find a link to this page if you click “Embed Code & URLs” next to any video you are browsing in MiddMedia and click on the “Click here to view and/or download this file.”. Alternately you can construct this URL like this “http://middmedia.middlebury.edu/middmedia/view/dir/[the directory where the file is located]/file/[the name of the file with its extension]"

Example: http://middmedia.middlebury.edu/middmedia/view/dir/lafrance/file/go.mp4

Supported Formats

The supported audio and video formats are described below. If you need additional support creating audio/video files of the proper format, please contact the Digital Media Tutors in the Wilson Media Lab.

Video

MiddMedia natively supports Flash video (.flv) and MPEG-4 video with H.264 encoding (.mp4). Other video formats are supported for upload to MiddMedia, but will automatically be converted to MPEG-4 video with H.264, possibly resulting in quality loss. MPEG-4 video with H.264 encoding provides the best quality and is the preferred format.

Natively Supported formats

The following video formats will not have any conversion applied to them when they are uploaded to MiddMedia, retaining their full resolution if original quality is selected:

  • MPEG-4 video with H.264 encoding (.mp4)

Other Supported formats

The following video formats will be automatically converted to MPEG-4 video with H.264 encoding and WebM after they are uploaded to MiddMedia.

  • .avi - Audio Video Interleave (video/x-msvideo)
  • .asf - Advanced Systems Format (video/x-ms-asf)
  • .dv - Digital Video (video/x-dv)
  • .m4v - iTunes Video (video/x-m4v)
  • .mj2 - Motion JPEG 2000 Video (video/x-motion-jpeg)
  • .mjp - Motion JPEG Video (video/x-motion-jpeg)
  • .mjpg - Motion JPEG Video (video/x-motion-jpeg)
  • .mkv - Matroska Video (video/x-matroska)
  • .mov - Apple QuickTime Movie (video/quicktime)
  • .mpeg - MPEG Video (video/mpeg)
  • .mpg - MPEG Video (video/mpeg)
  • .ogv - Ogg Vorbis Video (video/ogg)
  • .qt - Apple QuickTime Movie (video/quicktime )
  • .rv - Real Video (video/vnd-rn-realvideo)
  • .wmv - Windows Media Video (video/x-ms-wmv)

How to create MPEG-4 video with H.264 encoding (.mp4)

OS X - QuickTime Player

QuickTime X:

  1. Go to File --> Export...
  2. Select 480p
  3. Click Export

QuickTime 7 or earlier:

  1. Go to File --> Export...
  2. Select Export: Movie to MPEG-4
  3. Select Use: LAN/Intranet
  4. Click the Save button.

OS X - iMovie

iMovie '09

  1. Go to File --> Export...
  2. Choose the quicktime icon
  3. Select Expert Settings in the dropdown menu
  4. Click the Share button.
  5. Select Movie to Mpeg-4 in the Export: dropdown menu
  6. Click the Options button.
  7. Select MP4 in the File Format: dropdown menu
  8. Select H.264 in the Video Format: dropdown menu
  9. Click the OK button.
  10. In the Save As and Where menus choose a location to save.
  11. Click the Save button.

iMovie '11

  1. Go to Share --> Export using QuickTime...
  2. Select Movie to Mpeg-4 in the Export: dropdown menu
  3. Click the Options button.
  4. Select MP4 in the File Format: dropdown menu
  5. Select H.264 in the Video Format: dropdown menu
  6. Data Rate:
    1. If your video is more than an hour, enter 2000 kbits/sec in the Data Rate field. This will compress the video so it fits in the MiddMedia upload quota.
    2. If your video is less than an hour, enter 3000 kbits/sec in the Data Rate field
  7. Click the OK button and choose a location to save the video.
  8. Click the Save button.

OS X - Final Cut Pro 7 - directly to QuickTime

  1. Go to File --> Export --> QuickTime Movie
  2. Use the same settings as the OS X - QuickTime Player option above.

OS X - Final Cut Pro 7 - using Compressor

Follow the instructions outlined on Apple's Using Final Cut Pro with Compressor page.

Windows - "Any Video Converter"

  1. Download and install "Any Video Converter" from http://www.any-video-converter.com/products/for_video_free/
  2. Click Add Video to add your source video
  3. Select MP4 Movie Profile
  4. Under Video Options, select "Video Codec x264"
  5. Click convert

Windows - Adobe Premiere Pro CS3

  1. Select the sequence to be exported and select File --> Export --> Adobe Media Encoder.
  2. In Export Settings select H.264.

Choose a preset or choose custom settings for Video (resolution, frame rate, bitrate, etc.) and Audio (codec, frequency, quality, bitrate, etc.), and click OK.

  1. Choose a filename (default extension is mp4) and file location, and click OK to start rendering.

Optimal Encoding Mpeg Streamclip

mp4:h264

{quality=0.25

or data rate=512 kb/s}

dimension=640X480

Audio

MP3 audio is the only audio format supported by MiddMedia. Other audio formats are not currently supported and can not be uploaded to MiddMedia.

Permissions

Permission to work with specific folders in MiddMedia is determined by membership in the appropriate group.  The group's manager can adjust membership as needed.  To find out who manages a group, log on to http://login.middlebury.edu/groups then click the "All Web Groups" tab.

Shared Directories

To create shared directory, first create a new group:

  • Visit http://login.middlebury.edu/groups.
  • Log in and if you have appropriate permissions you should see the menu item, “My Web Groups”.
  • On the "My Web Groups" screen, use the “Create a new group in web data/MIDD" or "web data/MIIS" and name it something descriptive.
  • Add any users who need access.
  • Add yourself' as a member so that the shared directory appears for you in MiddMedia.

When you’re done, or if you're unable to make a group, please send a request for the group to be added as a shared directory to MiddMedia to the Middlebury helpdesk, helpdesk@middlebury.edu, or call 802.443.2200 (2200 on campus).

System Requirements

You can find out the version of Flash Player that you have installed here: Version Test for Adobe Flash Player

You can upgrade your Flash Player here: Get Adobe Flash Player

File-Management UI

The Flash File-Upload control has been tested on the following platforms, browsers, and Flash Player versions:

  • Windows XP:
    • FireFox 3.0.6
      • Flash 10.0.12.36 - Works properly
      • Flash 9.0.151.0 - Works properly
      • Flash 8.0.42.0 - Upload button does not display.
    • FireFox 2.0.0.20
      • Flash 10.0.12.36 - Works properly
      • Flash 9.0.151.0 - Works properly
      • Flash 8.0.42.0 - Upload button does not display.
    • Internet Explorer 7
      • Flash 10.0.12.36 - Upload success, but requires the page to be refreshed after uploads complete.
      • Flash 9.0.151.0 - Upload success, but requires the page to be refreshed after uploads complete.
      • Flash 8.0.42.0 - Upload button does not display.
    • Internet Explorer 6
      • Flash 10.0.12.36 - Upload success, but requires the page to be refreshed after uploads complete.
      • Flash 9.0.151.0 - Upload success, but requires the page to be refreshed after uploads complete.
      • Flash 8.0.42.0 - Upload button does not display.

Video Playback

  • Windows XP:
    • FireFox 3.0.6
      • Flash 10.0.12.36 - Works properly. Streams MP4 and FLV video, plays MP3 audio
      • Flash 9.0.151.0 - Works properly. Streams MP4 and FLV video, plays MP3 audio
      • Flash 8.0.42.0 - Streams FLV video. MP4 video streaming does not work. MP3 audio playback does not work.
    • FireFox 2.0.0.2
      • Flash 10.0.12.36 - Works properly. Streams MP4 and FLV video, plays MP3 audio
      • Flash 9.0.151.0 - Works properly. Streams MP4 and FLV video, plays MP3 audio
      • Flash 8.0.42.0 - Streams FLV video. MP4 video streaming does not work. . Plays MP3 audio.
    • Internet Explorer 7
      • Flash 10.0.12.36 - Works properly. Streams MP4 and FLV video, plays MP3 audio
      • Flash 9.0.151.0 - Streams MP4 and FLV video, plays MP3 audio
      • Flash 8.0.42.0 - Streams FLV video. MP4 video streaming does not work. Plays MP3 audio.
    • Internet Explorer 6
      • Flash 10.0.12.36 - Works properly. Streams MP4 and FLV video, plays MP3 audio. Pop-up confirmation dialog occurs.
      • Flash 9.0.151.0 - Streams MP4 and FLV video, plays MP3 audio. Pop-up confirmation dialog occurs.
      • Flash 8.0.42.0 - Streams FLV video. MP4 video streaming does not work. Plays MP3 audio. Pop-up confirmation dialog occurs.

Troubleshooting

Upload Issues

General

Try re-encoding the video. There are many variables regarding the video and audio streams in a video file. Simply re-encoding a video, normally to a different format, may alter these enough to allow MiddMedia to successfully encode a video that failed. Try re-encoding your video to .mp4 or .wmv and re-uploading.

I frequently re-encode to .wmv with Windows Live Movie Maker, a free video editor available as part of the Windows Live Essentials. You may use any free or commercial video editor you are comfortable with.

Try uploading it with the “Alternate (non-Flash) upload form”. You’ll see the link to it on the right hand side on the bottom of that column, under the allowed media types. If you have trouble finding it just do a “find” on the page for the text.

Video Conversion Failed

Check the number of audio channels in your video. MiddMedia only supports stereo audio, 2 channels. If there are more than two channels, such as surround sound, the video encoding will fail. Please re-encode the video in stereo.

Upload Error 500

You do not have enough space in your quota to upload the original video file for conversion. Consider re-encoding the video to a smaller file size (smaller dimensions, a lower framerate, or a lower quality) before uploading to MiddMedia. If you still don't have enough space you may request a storage quota increase by contacting the Middlebury helpdesk, helpdesk@middlebury.edu, or call 802.443.2200 (2200 on campus).

Playback Issues

General

Look at the video in a different web browser. Sometimes an issue may be browser specific, either to the particular machine/browser, or due to the file format. If you're trying the video in Firefox, try it in IE. If you're checking it on iOS, try it on Safari for Mac. If it seems to be specific to a browser or machine, try clearing the browser cache and see if the problem persists. If the problem is only happening in Chrome, check Chrome on a Mac, and a PC. You may be able to help narrow down the issue significantly.

We currently encode to two formats WebM (VP8) and Mp4 (H.264). This Wikipedia pages lists the support for these video types for each browser: http://en.wikipedia.org/wiki/HTML5_video

Video Stutters or Plays Back Poorly

The connection is not fast enough. If you're viewing video on your phone or over a wireless connection it's possible that you won't have a fast enough connection to stream the video. If you are experiencing this, or simply want to ensure the best performance (at the sacrifice of some quality), consider uploading your video at a lower setting, the lowest being 360p. This will reduce the overall resolution and bit-rate slightly but should provide better performance on less capable connections.

Try auto loading the video. If you are embedding the file with embed code you may want to add the preload attribute “auto”. Using this attribute means that this video will be loaded regardless of whether or not the user ever watches the video which can waste a lot of bandwidth. However, if the purpose of the page is solely to watch the video, it can cause the video to start loading immediately which may reduce buffering issues.

Black at the Beginning/Sound Out of Sync

The container format declares a different frame rate than the actual video stream. There may be a discrepancy between the framerate and the material frame count. If you know the material frame count, compare it to the length of the video (Ex: 4:18 min [258 seconds]) multiplied by the frames per second (Ex: 23.976 fps). If there is a difference between the numbers (Ex: frame count: 6256, length x fps: 6185.808) then you will want to recalculate the true frame rate (Ex: 24.248) and re-encode the video at that framerate.

Splash Images Do Not Appear

The splash image is in .gif format. Flow Player, our default Flash based player for versions of IE previous to 9, will not display splash images that are in .gif format; they need to be in .jpg or .png. This should not be an issue with any other browsers, including later versions of IE.

Still Having Trouble

Please contact the Middlebury helpdesk, helpdesk@middlebury.edu, or call 802.443.2200 (2200 on campus).

Powered by MediaWiki