2013-11-04

Created page with "Multimedia/Om Mediavisaren"

New page

<languages />

[[File:MediaViewer_Sept9.png|thumb|320px|Media viewer mockup: lightbox view]]

Media Viewer aims to improve the multimedia viewing experience on Wikipedia, Commons and MediaWiki sites, to display images in larger size and with less clutter. It is being developed by the Wikimedia Foundation's [[mw:Multimedia|new multimedia team]] and we aim to have a first beta version ready for testing in early November 2013, as part of our new [[mw:Beta_Features|Beta Features]] program.

After you've had a chance to test it as described below, we invite you to [[mw:Multimedia/About_Media_Viewer|join this discussion]]. Hope to see you there!

<br>

==Why Media Viewer?==

The purpose of this tool is to:

* Provide a richer multimedia experience, to match user expectations

* Display images in larger size, on the same page as the thumbnail you click on

* Reduce confusion when users click on thumbnails (bypass duplicate file info page on Wikipedias)

It aims to serve all users of Wikipedia, Commons and other MediaWiki sites (including new users, as well as very active editors). Note that this media viewer will initially only be for still images, as we are now using the Kaltura video player for audio and video. But over time, we would like to use the same UI across players, and eventually use a single viewer for all file formats.

<br>

Current features include:

* Show images in larger, media viewer panel when you click on them

* Modal panel opens up as overlay (on same page where you clicked)

* Large image appears without clutter (lightbox view)

* Information about the image can be accessed easily (in lightbox view)

* Image can be shown in full-screen mode (full screen view)

<br>

==How does Media Viewer work?==

[[File:MediaViewer_Sept9.png|thumb|400px|Media viewer mockup: lightbox view]]

[[File:MediaViewer_Sept9_Full.png|thumb|400px|Full-screen view - Media viewer mockup]]

Media Viewer provides two different views of an image when you click on its thumbnail on an article page: Lightbox and Full Screen View.

<br>

===Lightbox View===

The 'lightbox view' for this tool includes:

;Image

The image is shown in large size, as an overlay over the page where you clicked on the thumbnail, against a white, slightly translucent background. This makes the image stand out more and removes some of the visual clutter typically found on a text-heavy page.

<br>

;Tools

For the first release, we are offering these simple tools:

* Close button (goes back to article view)

* Full screen button (expands into full-screen view)

* Lightbox button (returns to smaller image in browser lightbox)

<br>

;Primary Info

Here is the information that is shown above the image (see mockup):

* [https://mingle.corp.wikimedia.org/projects/multimedia/cards/31 File name] (Zonotrichia atricapilla)

* [https://mingle.corp.wikimedia.org/projects/multimedia/cards/40 Author] (e.g. Alejandro Erickson)

* [https://mingle.corp.wikimedia.org/projects/multimedia/cards/40 Source] (e.g. Bird Institute)

* [https://mingle.corp.wikimedia.org/projects/multimedia/cards/34 License Info] (e.g. CC-BY-SA-2.0) (or link to license info)

<br>

;Secondary Info

Here is the information that is shown below the image:

* [https://mingle.corp.wikimedia.org/projects/multimedia/cards/30 Site name and link] (e.g. Wikimedia Commons)

* [https://mingle.corp.wikimedia.org/projects/multimedia/cards/33 Description]

* [https://mingle.corp.wikimedia.org/projects/multimedia/cards/32 Uploader name] (e.g. Smallbones)

* [https://mingle.corp.wikimedia.org/projects/multimedia/cards/47 Creation Date] (e.g. 12 April, 2012)

<br>

===Full Screen View===

The 'full-screen view' for this tool will show a large image across the entire screen, with minimal information and buttons available on hover, as shown in this mockup.

This is the view that lets you focus exclusively on the image, with no other distractions. When you click on the full screen icon, you see the largest version of the image that fits within the user's screen. The image is displayed across the entire screen (not just the browser window), set against a pure white background color that only shows the image. In this mode, you only see the file name and the author/source/license near the image, as well as link to Commons.

<br>

===First Release===

A first beta version of Media Viewer will be released in early November, as part of [[mw:Beta_Features|Beta Features]], a new experimental program that will enable users to opt-in to test new beta features before they are released widely.

In the first release, the Media Viewer will only support the most widely used image file formats (e.g.: JPEG, GIF, PNG). It also only works when users click on thumbnails in the article namespace. (In future releases, we plan to also enable Media Viewer in galleries and category pages, and support for PDF, TIFF, SVG, as well as audio and video file formats).

<br>

== How you can help ==

[[File:BetaFeatures-Screenshot.png|thumb|240px]]

Can you help us test Media Viewer in coming days? This beta feature is now available for early testing by logged-in users [[mw:Special:Preferences#mw-prefsection-betafeatures|on MediaWiki.org]] and on [[testwiki::Special:Preferences#mw-prefsection-betafeatures|TestWiki]]. ''[Note: Should be deployed on Thu. Oct 31 by 12pm PT, if all goes well]''

To test this feature, check the box next to 'Media Viewer' in the [[mw:Special:Preferences#mw-prefsection-betafeatures|new BetaFeatures section]] of your user preferences — and click 'Save' (see screenshot). You can turn off any this options anytime, by reversing these steps. To make it easier for you, a small 'Beta' link will show up next to 'Preferences' in your personal menu when this extension is released worldwide in early November.

Try out Media Viewer and let us know what you think on [[mw:Multimedia/About_Media_Viewer||this discussion page]]. If you find any technical bugs, please [https://bugzilla.wikimedia.org/enter_bug.cgi?product=MediaWiki%20extensions&component=MultimediaViewer report them here on Bugzilla]. Based on your feedback, we will improve this feature in coming weeks.

For now, we are still in early stages of development on this feature and our work in progress can be viewed [http://multimedia-alpha.wmflabs.org/w/index.php/Thumbnail_demo on this alpha site].

<br>

==More Info==

For more information about this tool, visit the [[mw:Multimedia/Media_Viewer|project overview page on MediaWiki.org]].

This feature was designed in collaboration with community members like you, through a series of discussions held over [[m:Roundtables/Roundtable_2|video conferencing]], [[m:IRC_office_hours/Office_hours_2013-07-18b|IRC]] and [[m:Roundtables/Roundtable_3|in person at Wikimania]].

Media Viewer was brought to you by many Wikimedia Foundation team members, including: [[mw:User:Fabrice Florin (WMF)|Fabrice Florin]], [[mw:User:MarkTraceur|Mark Holmquist]], [[mw:User:JZimmerman_(WMF)|Jared Zimmerman]], [[m:User:Tgr|Gergő Tisza]], [[mw:User:BDavis_(WMF)|Bryan Davis]], [[mw:User:RobLa-WMF|Rob Lanphier]], [[mw:User:bawolff|Brian Wolff]], [http://wikimediafoundation.org/wiki/User:MGalloway_(WMF) May Galloway], [[mw:User:Keegan (WMF)|Keegan Peterzell]], [[w:User:LVilla_(WMF)|Luis Villa]], [[mw:User:Eloquence|Erik Moeller]], [[mw:User:Howief|Howie Fung]] and [[mw:User:Tfinc|Tomasz Finc]], to name but a few.

To learn more about other multimedia projects we're working on, visit this [[mw:Multimedia|Multimedia project hub]].

<br>

[[Category:Wikimedia Foundation]]

[[Category:Multimedia]]

Show more