{"id":2431,"date":"2019-07-18T17:55:46","date_gmt":"2019-07-18T17:55:46","guid":{"rendered":"https:\/\/owncloud.com\/?p=2431"},"modified":"2020-07-07T16:24:47","modified_gmt":"2020-07-07T16:24:47","slug":"good-bye-gallery-say-hi-to-the-new-media-viewer","status":"publish","type":"post","link":"https:\/\/owncloud.com\/de\/blogs\/good-bye-gallery-say-hi-to-the-new-media-viewer\/","title":{"rendered":"Good Bye Gallery \u2013 Say Hi to the New Media Viewer!"},"content":{"rendered":"<div class=\"headline-wrap\">\n<div class=\"excerpt bold\">The new Media Viewer app kills two birds with one stone: it replaces both the Video Player app, and the Gallery app, which currently handles images. It is available as a free community app under the\u00a0<a href=\"https:\/\/choosealicense.com\/licenses\/gpl-2.0\/\" target=\"_blank\" rel=\"noopener noreferrer\">GPLv2 License<\/a>.<\/div>\n<\/div>\n<div class=\"content\">\n<h2>Features \u2013 Viewing Videos and Images<\/h2>\n<p>Whether you want to watch your favorite movie or your vacation photos \u2013 the Media Viewer app has many features to make this as pretty, convenient, and performant as possible. Here is a summary of what the app can do:<\/p>\n<p>The Media Viewer app\u00a0supports many image and video formats. By default all common formats should work; some special image formats may\u00a0<a href=\"https:\/\/github.com\/owncloud\/files_mediaviewer\/#supporting-more-media-types\" target=\"_blank\" rel=\"noopener noreferrer\">depend on the server setup<\/a>. And some video formats may not be supported by your browser.<\/p>\n<p>Clicking on an image or video opens the\u00a0slideshow view; you can use it to watch all videos and images in a folder. Browse through them with the arrow keys, or by swiping through them.<\/p>\n<p>The slideshow works both in the Files view and in Public Links. In the slideshow, you can display an image or video in\u00a0fullscreen, and even\u00a0zoom\u00a0into it.<\/p>\n<div id=\"attachment_18418\" class=\"wp-caption aligncenter\">\n<p><a class=\"fancybox image\" href=\"https:\/\/owncloud.org\/wp-content\/uploads\/2019\/07\/ownCloud-media-viewer-zoom.jpg\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-18418\" src=\"https:\/\/owncloud.org\/wp-content\/uploads\/2019\/07\/ownCloud-media-viewer-zoom.jpg\" sizes=\"(max-width: 1920px) 100vw, 1920px\" srcset=\"https:\/\/owncloud.org\/wp-content\/uploads\/2019\/07\/ownCloud-media-viewer-zoom.jpg 1920w, https:\/\/owncloud.org\/wp-content\/uploads\/2019\/07\/ownCloud-media-viewer-zoom-300x145.jpg 300w, https:\/\/owncloud.org\/wp-content\/uploads\/2019\/07\/ownCloud-media-viewer-zoom-768x372.jpg 768w, https:\/\/owncloud.org\/wp-content\/uploads\/2019\/07\/ownCloud-media-viewer-zoom-1024x497.jpg 1024w, https:\/\/owncloud.org\/wp-content\/uploads\/2019\/07\/ownCloud-media-viewer-zoom-1800x873.jpg 1800w, https:\/\/owncloud.org\/wp-content\/uploads\/2019\/07\/ownCloud-media-viewer-zoom-1320x640.jpg 1320w\" alt=\"ownCloud-media viewer zoom side by side\" width=\"1920\" height=\"931\" aria-describedby=\"caption-attachment-18418\" \/><\/a><\/p>\n<p id=\"caption-attachment-18418\" class=\"wp-caption-text\"><em>The difference between zoomed and unzoomed pictures is tremendous.<\/em><\/p>\n<\/div>\n<p>If you suddenly see an image sideways, no problem \u2013 the built-in\u00a0rotation functionality\u00a0can take care of that. Just press on the rotate button until it has the correct orientation:<\/p>\n<div id=\"attachment_18409\" class=\"wp-caption aligncenter\">\n<p><a class=\"fancybox image\" href=\"https:\/\/owncloud.org\/wp-content\/uploads\/2019\/07\/ownCloud-media-viewer-image-rotation.jpg\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-18409\" src=\"https:\/\/owncloud.org\/wp-content\/uploads\/2019\/07\/ownCloud-media-viewer-image-rotation.jpg\" sizes=\"(max-width: 1417px) 100vw, 1417px\" srcset=\"https:\/\/owncloud.org\/wp-content\/uploads\/2019\/07\/ownCloud-media-viewer-image-rotation.jpg 1417w, https:\/\/owncloud.org\/wp-content\/uploads\/2019\/07\/ownCloud-media-viewer-image-rotation-300x197.jpg 300w, https:\/\/owncloud.org\/wp-content\/uploads\/2019\/07\/ownCloud-media-viewer-image-rotation-768x504.jpg 768w, https:\/\/owncloud.org\/wp-content\/uploads\/2019\/07\/ownCloud-media-viewer-image-rotation-1024x671.jpg 1024w, https:\/\/owncloud.org\/wp-content\/uploads\/2019\/07\/ownCloud-media-viewer-image-rotation-1320x865.jpg 1320w\" alt=\"ownCloud media viewer image rotation\" width=\"1417\" height=\"929\" aria-describedby=\"caption-attachment-18409\" \/><\/a><\/p>\n<p id=\"caption-attachment-18409\" class=\"wp-caption-text\"><em>The rotate button is very usefui to deal with upside-down cameras. Or squirrels.<\/em><\/p>\n<\/div>\n<p>Another cool thing is the\u00a0native SVG support\u00a0\u2013 the app automatically shows vector graphics in a proper size. You can use the zoom buttons to change the size, if another one would fit better.<\/p>\n<p>The app is\u00a0optimized for mobile support, of course \u2013 this way, you always have the perfect view on your images and videos, no matter which device you use. You can of course also use one of the\u00a0<a href=\"https:\/\/owncloud.com\/mobile-apps\/\">mobile apps<\/a>\u00a0to look at them.<\/p>\n<div id=\"attachment_18410\" class=\"wp-caption aligncenter\">\n<p><a class=\"fancybox image\" href=\"https:\/\/owncloud.org\/wp-content\/uploads\/2019\/07\/ownCloud-mobile-support-video.jpg\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-18410\" src=\"https:\/\/owncloud.org\/wp-content\/uploads\/2019\/07\/ownCloud-mobile-support-video.jpg\" sizes=\"(max-width: 638px) 100vw, 638px\" srcset=\"https:\/\/owncloud.org\/wp-content\/uploads\/2019\/07\/ownCloud-mobile-support-video.jpg 638w, https:\/\/owncloud.org\/wp-content\/uploads\/2019\/07\/ownCloud-mobile-support-video-300x168.jpg 300w\" alt=\"ownCloud mobile support video\" width=\"638\" height=\"358\" aria-describedby=\"caption-attachment-18410\" \/><\/a><\/p>\n<p id=\"caption-attachment-18410\" class=\"wp-caption-text\"><em>The new app supports mobile devices, as well as watching videos in the slideshow.<\/em><\/p>\n<\/div>\n<p>One big improvement towards the old gallery app is regarding performance: in the slideshow, the\u00a0next and previous images preload automatically, while you are still looking at the current one.<\/p>\n<p>This enables you to look through the files in peace \u2013 no waiting time, no lags.<\/p>\n<h2>So Which App Should I Install?<\/h2>\n<p>The old Gallery app remains in the Marketplace, and you can still install it with the Market app. But it is not maintained anymore, so please only use it if you really need it, e.g. for compability reasons.<\/p>\n<p>To install the new app, you first need to disable and remove the Gallery app and the Video Player app in your ownCloud admin settings, under \u201capps\u201d. The Media Viewer will then be default app to open images and videos.<\/p>\n<h3>Known Issues<\/h3>\n<p>The new app has some known issues. You can find them in the\u00a0<a href=\"https:\/\/github.com\/owncloud\/files_mediaviewer\/issues\" target=\"_blank\" rel=\"noopener noreferrer\">GitHub issues<\/a>. One of them is important to know:<\/p>\n<p>While new public links will work out of the box through the new Media Viewer app, existing Gallery public links won\u2019t work anymore. Don\u2019t worry, there is a workaround to fix this.<\/p>\n<p>For this, edit your\u00a0<code>.htaccess<\/code>\u00a0file in the ownCloud root folder and add a new rewrite rule among the existing ones or with a new block at the bottom of the file:<\/p>\n<pre><code>&lt;IfModule mod_rewrite.c&gt;\r\n  RewriteEngine on  \r\n  RewriteRule ^\/apps\/gallery\/s\/(.*)$ \/s\/$1 [L,R=301]\r\n&lt;\/IfModule&gt;\r\n<\/code><\/pre>\n<p>So have fun with the new Media Viewer app! We are always grateful for feedback, please open an issue at\u00a0<a href=\"https:\/\/github.com\/owncloud\/files_mediaviewer\/issues\/\" target=\"_blank\" rel=\"noopener noreferrer\">GitHub<\/a>. If you want to contribute through writing code or testing, take a look at our\u00a0<a href=\"https:\/\/owncloud.org\/community\/\" target=\"_blank\" rel=\"noopener\">community page<\/a>.<\/p>\n<p><a class=\"button-oc\" href=\"https:\/\/marketplace.owncloud.com\/apps\/files_mediaviewer\" target=\"_blank\" rel=\"noopener noreferrer\">Install the App From the Marketplace!<\/a><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>As Phoenix is approaching, the look of ownCloud gets an overhaul. You get the first bite with the new media viewer app \u2013 an app to view images and videos in the browser.<\/p>\n","protected":false},"author":7,"featured_media":5034,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false,"footnotes":""},"categories":[44],"tags":[],"class_list":["post-2431","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-updates"],"acf":[],"_links":{"self":[{"href":"https:\/\/owncloud.com\/de\/wp-json\/wp\/v2\/posts\/2431","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/owncloud.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/owncloud.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/owncloud.com\/de\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/owncloud.com\/de\/wp-json\/wp\/v2\/comments?post=2431"}],"version-history":[{"count":0,"href":"https:\/\/owncloud.com\/de\/wp-json\/wp\/v2\/posts\/2431\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/owncloud.com\/de\/wp-json\/wp\/v2\/media\/5034"}],"wp:attachment":[{"href":"https:\/\/owncloud.com\/de\/wp-json\/wp\/v2\/media?parent=2431"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/owncloud.com\/de\/wp-json\/wp\/v2\/categories?post=2431"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/owncloud.com\/de\/wp-json\/wp\/v2\/tags?post=2431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}