HTML5 Audio Support for Document Library

• Type: Improvement
• Status: Closed
• Priority: Minor
• Resolution: Fixed
• Affects Version/s: 6.1.0 CE RC1, 6.1.0 CE GA1, 6.1.10 EE GA1, 6.2.0 CE M2
• Fix Version/s: 6.1.1 CE GA2, 6.1.20 EE GA2, --Sprint 11/12, 6.2.0 CE M2
• Component/s: DM, DM > Document Library Display
• Labels:
  • audio
  • preview
• Branch Version/s:
  6.1.x
• Backported to Branch:
  Committed
• Epic/Theme:
  • Platform
• Similar Issues: Show 5 results ; ;

  LPS-22759	Html5 video support for Document Library
  LPS-19364	ability to bring HTML5 audio plugin for CKEditor into web content
  LPS-23394	Document Library HTML5 - integrate baseline mp4/ogv preview container support
  LPS-18164	Play/preview audio in Document Library
  LPS-30913	A Document Library User with HTML5 but no Flash cannot use the HTML5 version of "Upload Multiple Documents"

Similar to LPS-22759, this would be to change the Audio Preview player to use HTML5 tags. Generation is already done for MP3 support. So, the bulk of this change would only need to happen in the JSP where the <audio /> tag would be used and the flash plugin would be taken as a fallback.

[Juan G]

Patch for HTML5 audio. It has HTML5 video too because is requirement (see LPS-22759).

[Juan G]

Contribution in attached patch.

[Juan G]

New version of patch compatible with latest SVN sources

[Iliyan Peychev]

This task depends on AUI-624

[Juan G]

Could be this backported to 6.1.1 GA2, so people can enjoy complete html5 in next CE version? :-D

[Michael Saechang]

Committed on:
Portal 6.1.x CE GIT ID: d1c45e98937e09b8ccf6974c6f5a86fcf87325e4.

[Timothy Hsu]

PASSED Manual Testing using the following steps:

1. Install Xuggle, set path in environmental variables, and include xuggler.enabled=true and dl.file.max.size=30720000 in portal-ext
2. Start up Liferay Portal and sign in
3. Go to Control Panel > Documents and Media
4. Click Add > Basic Document
5. Browse for mp3
6. Click Publish
7. Click the icon of the mp3 just uploaded
8. Wait and refresh the page until audio preview displays
9. Inspect element of the play button on the audio preview
10. Assert that element starts with <audio

Reproduced on:
Tomcat 7.0 + MySQL 5. Chrome 18.0.1025.168. Portal 6.1.x CE GIT ID: 3042337e8b702a05a033182f8794020cb290a50f.

Audio preview generates in Flash.

Fixed on:
Tomcat 7.0 + MySQL 5. Chrome 18.0.1025.168. Portal 6.1.x CE GIT ID: d1c45e98937e09b8ccf6974c6f5a86fcf87325e4.
Tomcat 7.0 + MySQL 5. Chrome 18.0.1025.168. Portal 6.1.x EE GIT ID: 511f33e038bce7f8281aaa475bb4b5111f755058.
Tomcat 7.0 + MySQL 5. Chrome 18.0.1025.168. Portal 6.2.x GIT ID: 511f33e038bce7f8281aaa475bb4b5111f755058.

Audio preview generates in HTML5. Firefox's default audio preview is Flash, and will generate HTML5 if Flash is disabled: http://issues.liferay.com/browse/LPS-27110.