ownCloud - interne Audiowiedergabe

Das Problem

ownCloud spielt Audio-Dateien (MP3) im Gegensatz zu Videodateien nicht mit einem intergrierten Player ab

Die Lösung

Der integrierte Videoviewer kann auch Audiodateien abspielen. Dazu muss der Mime-Type "audio/mpeg" in der Datei "./apps/files_videoviewer/js/viewer.js" ergänzt (Zeile 45) werden.

mit Einschränkungen...

Der Videoviewer wird bei der Audiowiedergabe so dargestellt als würde er ein Video abspielen.

Quellcode ›viewer.js

var videoViewer = {
	UI : {
		playerTemplate : '',
		show : function () {
			$('

'+escapeHTML(videoViewer.file)+'

').appendTo('body'); $('#videoviewer_overlay').fadeIn('fast',function(){ $('#videoviewer_popup').fadeIn('fast'); }); $('#box-close').click(videoViewer.hidePlayer); var size = videoViewer.UI.getSize(); var playerView = videoViewer.UI.playerTemplate.replace(/%width%/g, size.width) .replace(/%height%/g, size.height) .replace(/%type%/g, videoViewer.mime) .replace(/%src%/g, videoViewer.location) ; $(playerView).prependTo('#videoviewer_container'); }, hide : function() { $('#videoviewer_popup').fadeOut('fast', function() { $('#videoviewer_overlay').fadeOut('fast', function() { $('#videoviewer_popup').remove(); $('#videoviewer_overlay').remove(); }); }); }, getSize : function () { var size; if ($(document).width()>'680' && $(document).height()>'520' ){ size = {width: 640, height: 480}; } else { size = {width: 320, height: 240}; } return size; } }, mime : null, file : null, location : null, player : null, dir: null, mimeTypes : [ 'audio/mpeg', 'video/mp4', 'video/webm', 'video/x-flv', 'application/ogg', 'video/ogg', 'video/quicktime', 'video/x-msvideo', 'video/x-matroska', 'video/x-ms-asf' ], onView : function(file, data) { videoViewer.file = file; videoViewer.dir = data.dir; videoViewer.location = data.fileList.getDownloadUrl(file, videoViewer.dir); videoViewer.mime = data.$file.attr('data-mime'); OC.addScript('files_videoviewer','mediaelement-and-player', function(){ OC.addScript('files_videoviewer','mep-extra', videoViewer.showPlayer); }); }, showPlayer : function() { videoViewer.UI.show(); videoViewer.player = new MediaElementPlayer('#media_element', { features: ['playpause','progress','current','duration','tracks','volume','fullscreen'], pluginPath : OC.filePath('files_videoviewer', 'js', ''), pauseOtherPlayers: false, enablePluginDebug: false, plugins: ['flash','silverlight'], success: function (player, node) { //set the size (for flash otherwise no video just sound!) player.setVideoSize($(node).width(), $(node).height()); player.load(); player.pause(); }, error: function (m) { console.log(m); } }); }, hidePlayer : function() { videoViewer.player = false; delete videoViewer.player; videoViewer.UI.hide(); }, onKeyDown : function(e) { if (e.keyCode == 27 && !$('.mejs-container-fullscreen').length && videoViewer.player) { videoViewer.hidePlayer(); } }, log : function(message){ console.log(message); } }; $(document).ready(function() { if ( typeof OCA !== 'undefined' && typeof OCA.Files !== 'undefined' && typeof OCA.Files.fileActions !== 'undefined' ) { for (var i = 0; i < videoViewer.mimeTypes.length; ++i) { var mime = videoViewer.mimeTypes[i]; OCA.Files.fileActions.register(mime, 'View', OC.PERMISSION_READ, '', videoViewer.onView); OCA.Files.fileActions.setDefault(mime, 'View'); } $(document).keydown(videoViewer.onKeyDown); } });
07.01.2016 16:43

© 2013-2020 Seitenadministrator