HTML5 audio and video integration with plone
Project description
Introduction
This package provides Audio and Video Dexterity content types and behaviors, conversions and players/views.
It integrates the HTML5 media player mediaelementjs and uses plone.app.async if installed to convert videos to common formats.
Features
Audio and Video types
Integration with mediaelementjs designed for maximum forward and backwards compatibility
Automatically convert video types to HTML5 compatible video formats
Be able to add video from TinyMCE by adding a link to the audio or video objects and then adding one of the available Audio and Video TinyMCE styles.
Integration with plone.app.async for conversions if installed
Plone 4.3 syndication support
Transcript data
Youtube URL (in case you want the video streamed from Youtube)
Streaming support
Still screen shot
Subtitle (captioning) file in SRT format
Installation
In order for video conversion to work correctly, you’ll need ffmpeg installed which provides the avconv collection of command line utilities.
On Ubuntu, you should be able to install with:
sudo apt-get install libav-tools
Plone 4
Must have plone.app.jquery >= 1.8.3
Conversion
Force Conversion
Uploaded videos can be forced through the video conversion process by enabling the Force video conversion option. This option is useful if you would like to transcode all videos down to a certain resolution; or if you want to enforce a certain quality setting or video profile across all uploads.
Conversion Parameters
You may like to pass certain parameters to avconv to customise the video transcoding process. Extra infile and outfile options can be configured in the control panel per video format:
avconv [infile options] -i infile [outfile options] outfile.{format}
The latest version of avconv on Ubuntu may require -strict experimental as an outfile option for the mp4 format.
YouTube API Support
Since version 2.0, YouTube integration is supported. Videos can automatically be uploaded to a configured YouTube account.
Install
Different install requirements:
eggs = ... wildcard.media[youtube] ...
Then, setup a google api with oauth access and configure the google_oauth_id and google_oauth_secret properties in the Configuration Registry.
Finally, go to the url: http://plonesite/authorize-google
Development
Compiling JS
cd wildcard/media/browser/static make bootstrap make prod
Support
Tested on Plone 4.3.x, 5.0, 5.1 and 5.2
Changelog
2.1.0 (2020-02-06)
Add support for Python 3 and Plone 5.2. [pbauer]
Add travis config for ci [cekk]
2.0.4 (2017-12-18)
Fix embedding a video that uses youtube via TinyMCE. [pbauer]
make thumbnail creation work on Windows [tschorr]
2.0.3 (2016-03-01)
Do not call pattern registry init as that will be called for us already. This fixes https://github.com/collective/wildcard.media/issues/42 [vangheem]
For youtube videos, use the iframe instead simple html5 video tag [cekk]
Automatically get thumbnail image for youtube videos on creation/edit [cekk]
add Google and universal analytics MediaElement.js plugins [ivanteoh]
fix fileUpload fails when Wildcard.Video is registered as the video type [displacedaussie]
add support for separate avconv parameters per output format [displacedaussie]
2.0.2 (2015-11-25)
fix plone 4 compatibility [vangheem]
fix condition to show youtube video or file video [neilferreira, cekk]
updated Italian translations [cekk]
2.0.1 (2015-11-11)
add celery_tasks entry point [vangheem]
2.0.0 (2015-11-11)
add missing flashmediaelement.swf file and simplify build [senner]
be able to provide default width/height for videos in admin [vangheem]
fix use of captions [vangheem]
plone 5 compatibility [vangheem]
1.2b5 (2014-09-07)
fix player to get around not liking urls
1.2b4 (2014-09-07)
fix audio template og:url
1.2b3 (2014-09-05)
Fix issues with flash fallback (such as on IE8) [djay]
Fix documentation to install avconv [djay]
Fix to enable fullscreen mode in flash fallback mode [djay]
1.2b2 (2014-06-20)
Enabled auto resizing of video element in tile [zombified]
i18n support and italian translation [keul]
More complete uninstall profile [keul]
1.2b1 (2014-06-12)
Upgrade MediaElement.js to 2.14.2. [davidjb]
Remove extraneous files from MediaElement.js distribution. [davidjb]
Add collective.cover tile [zombified]
1.1 (2014-04-25)
add open graph data [vangheem]
1.0b2 (2014-03-05)
fix convert video [vangheem]
Fix minor typo in available views for audio/video types. This previously prevented saving type settings via the control panel. [davidjb]
1.0b1 (2014-02-15)
implement primary field [vangheem]
1.0a3 (2014-02-14)
handle no preview image being set [vangheem]
fix video type definition [vangheem]
1.0a2 (2014-01-29)
Add widget that supports streaming partial ranges of video content from video and audio fields. This package now supports video seeking in Chrome and iOS video display with content-range request support. [davidjb]
Configure CSS to apply prefix to local resources utilised for MediaElement.js. Previously, images used in CSS did not load when running outside of debug mode. [davidjb]
Upgrade MediaElement.js to 2.13.2. [davidjb]
Switch to using plone.autoform for form directives rather than the old location in plone.directives.form. [davidjb]
Omit ogv and webm video fields from add and edit forms; allows access to field contents from main video view. [davidjb]
Fix video display <source> URLs to point to correct fields. Previously, all links referred to the main MP4 video field. [davidjb]
1.0a1 (2013-12-18)
Initial release
Project details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.