Extension:Media Viewer/About


 * See also: media-viewer>Special:MyLanguage/Help:Multimedia/Media Viewer|Help:Multimedia/Media Viewer



media-viewer>Special:MyLanguage/Multimedia/Media_Viewer|Media Viewer aims to improve the multimedia viewing experience on Wikipedia and Wikimedia sites, to display images in larger size and with less clutter. It is developed by the Wikimedia Foundation's team>Special:MyLanguage/Multimedia|multimedia team.

We're now getting ready to deploy this feature gradually as the default viewing experience, as described in release-plan>Multimedia/Media_Viewer/Release_Plan|this release plan.

To that end, we invite you to test the latest version 0.2, about>Special:MyLanguage/Multimedia/About_Media_Viewer#How_can_I_help.3F|as outlined here (you can test it lbdemo>Special:MyLanguage/Lightbox demo|on this demo page, after enabling Media Viewer in beta-prefs>Special:Preferences#mw-prefsection-betafeatures|your Beta preferences). After you've tried the tool, we invite you to let us know what you think and join our discussion. Hope to see you there!

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: from casual readers to experienced editors.

Current features include:
 * Show images in larger size when you click on them
 * Modal panel opens up as overlay (on same page where you clicked)
 * Large image appears without clutter, for a more immersive experience
 * Information about the image can be accessed easily
 * Images in a collection can be browsed easily
 * Images can be shown in full-screen mode

How does Media Viewer work?








Media Viewer offers a variety of features in either 'Lightbox' or 'Full screen' views. To learn more, media-viewer>Special:MyLanguage/Help:Multimedia/Media_Viewer|read this help file.

Lightbox View
The 'Lightbox view' for this tool includes:

The image is shown in large size against a black background, as an overlay that fills up the entire browser page where you clicked on the thumbnail. This makes the image stand out more and removes some of the visual clutter typically found on a text-heavy page.
 * Image

These browsing tools are the key features in this version 0.2:
 * Viewing Tools
 * [https://mingle.corp.wikimedia.org/projects/multimedia/cards/63 Next and Previous arrows] (to browse through related images)
 * Full screen button (expands into full-screen view)
 * Close 'X' button (goes back to article view)

We also offer special tools for using images for a variety of purposes:
 * ""
 * [https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/147 Use/share this file] (screenshot)
 * [https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/148 Embed this file] (screenshot)
 * [<tvar|download>https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/79</> Download this file] (screenshot)

Here is the information that is shown immediately below the image, in a small meta-data strip (see mockup):
 * Primary Information
 * [<tvar|file>https://mingle.corp.wikimedia.org/projects/multimedia/cards/31</> File name] (Zonotrichia atricapilla)
 * [<tvar|author>https://mingle.corp.wikimedia.org/projects/multimedia/cards/40</> Author] (e.g. Alejandro Erickson)
 * [<tvar|source>https://mingle.corp.wikimedia.org/projects/multimedia/cards/40</> Source] (e.g. Bird Institute)
 * [<tvar|license>https://mingle.corp.wikimedia.org/projects/multimedia/cards/34</> License Info] (e.g. CC-BY-SA-2.0) (or link to license info)
 * Chevron icon for opening the metadata panel to reveal more info (see below)

Here is the information that is shown below the fold, once you open the metadata panel (by clicking on the chevron or scrolling):
 * Secondary Information
 * [<tvar|desc>https://mingle.corp.wikimedia.org/projects/multimedia/cards/33</> Description]
 * [<tvar|site>https://mingle.corp.wikimedia.org/projects/multimedia/cards/30</> Site name and link] (e.g. 'Learn more on Wikimedia Commons')
 * [<tvar|uploader>https://mingle.corp.wikimedia.org/projects/multimedia/cards/32</> Uploader name] (e.g. Smallbones)
 * [<tvar|creation>https://mingle.corp.wikimedia.org/projects/multimedia/cards/47</> Creation Date] (e.g. 12 April, 2012)
 * [<tvar|location>https://mingle.corp.wikimedia.org/projects/multimedia/cards/42</> Location] (e.g. place name and/or geotag coordinates, if any)
 * [<tvar|cats>https://mingle.corp.wikimedia.org/projects/multimedia/cards/41</> Categories] (e.g. Birds of British Columbia, Zonotrichia atricapilla … more> )
 * [<tvar|usage>https://mingle.corp.wikimedia.org/projects/multimedia/cards/44</> File usage] (e.g. 'This file is being used by 5 other pages. <See all>')
 * [<tvar|permissions>https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/118</> Permissions] (e.g. special credits or restrictions) (screenshot)
 * More meta-data may be added to this panel over time

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.

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 entire screen (not just the browser window). In this mode, you only see the controls, the file name and the author/source/license if you hover over the image.

When will it be released?
We have begun a gradual release of version v0.2 of Media Viewer, starting with a limited test on a few pilot sites in April 2014 -- and a wider release on all wikis in May 2014, as described in release-plan>Multimedia/Media_Viewer/Release_Plan</>|this release plan.

To prepare for this release, we invite you to test the latest version v0.2 lbdemo>Special:MyLanguage/Lightbox demo</>|on this demo page on MediaWiki.org or on your own site (be sure to enable Media Viewer first in beta-prefs>Special:Preferences#mw-prefsection-betafeatures</>|your Beta preferences).

In this first release, the Media Viewer only supports the most widely used image file formats (e.g.: JPEG, GIF, PNG, TIFF, SVG). In future releases, we will gradually add support for other file formats (e.g.: PDF), as well as audio and video file formats. Learn more media-viewer>Special:MyLanguage/Help:Multimedia/Media_Viewer</>|in this help page.

How can I help?


Can you help us test Media Viewer in coming days? Version 0.2 of this beta feature is now available for testing by logged-in users on all wikis. For example, you can test it on lbdemo>Special:MyLanguage/Lightbox demo</>|this demo page on MediaWiki.org (don't forget to enable Media Viewer in your Beta Features preferences page).

If you're feeling adventurous, you can test the latest features before they are released, on [<tvar|labs-lbdemo>http://en.wikipedia.beta.wmflabs.org/wiki/Lightbox_demo#</> this beta site], but performance will be much slower on that site. For better performance, you can test last week’s features lbdemo>Special:MyLanguage/Lightbox demo</>|here on MediaWiki.org. We release every Thursday on MediaWiki.org, then Monday on Commons and sister sites, then the following Thursday on all wikis.

To test either version of Media Viewer, click on the small 'Beta' link next to 'Preferences' in your personal menu. Then check the box next to 'Media Viewer' in the beta-prefs>Special:Preferences#mw-prefsection-betafeatures</>|Beta Features section of your user preferences — and click 'Save' (see screenshot). You can turn off any this option anytime, by reversing these steps.

Try out Media Viewer and let us know what you think on discussion>Talk:Multimedia/About_Media_Viewer</>|this discussion page. If you find any technical bugs, please [<tvar|bugzilla>//bugzilla.wikimedia.org/enter_bug.cgi?product=MediaWiki%20extensions&component=MultimediaViewer</> report them here on Bugzilla].

Over 20,000 other beta testers have now enabled Media Viewer around the world. Here is an media-viewer>Special:MyLanguage/Multimedia/Media_Viewer#Feedback</>|overview of the feedback they have kindly given us to help improve this tool. Many of their suggestions are now being implemented, as part of our [<tvar|plan-url>https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/grid?aggregate_property%5Bcolumn%5D=story+points&aggregate_property%5Brow%5D=story+points&aggregate_type%5Bcolumn%5D=sum&aggregate_type%5Brow%5D=sum&color_by=type&filters%5B%5D=%5BType%5D%5Bis%5D%5BStory%5D&filters%5B%5D=%5BType%5D%5Bis%5D%5BBug%5D&filters%5B%5D=%5BType%5D%5Bis%5D%5BTech+debt%5D&filters%5B%5D=%5BType%5D%5Bis%5D%5BScope+Increase+%28UNPLANNED%29%5D&filters%5B%5D=%5BCycle%5D%5Bis%5D%5B%28Current+cycle%29%5D&filters%5B%5D=%5BCycle%5D%5Bis%5D%5B%5D&filters%5B%5D=%5BSprint%5D%5Bis%5D%5B%5D&group_by%5Blane%5D=priority&group_by%5Brow%5D=status&lanes=Must+have%2CShould+have%2CCould+have&style=grid&tab=Current+cycle</> current release plan].

Note: in this current release, the Media Viewer will only support the most widely used image file formats (e.g.: JPEG, GIF, PNG, TIFF, SVG). In future releases, we plan to add support for more file formats, such as PDF, audio and video files.

More Info
For more information about this tool, visit the viewer>Special:MyLanguage/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 round2>m:Roundtables/Roundtable_2</>|video roundtable #2, irc>m:Special:MyLanguage/IRC_office_hours/Office_hours_2013-07-18b</>|IRC, the round3>m:Roundtables/Roundtable_3</>|in person at Wikimania, as well as round4>m:Roundtables/Roundtable_4</>|video roundtable #4 and round5>m:Roundtables/Roundtable_5</>|video roundtable #5.

Media Viewer was brought to you by many Wikimedia Foundation team members, including: user0>User:Fabrice Florin (WMF)</>|Fabrice Florin, user1>User:GDubuc_%28WMF%29</>|Gilles Dubuc, user2>User:MarkTraceur</>|Mark Holmquist, user3>meta:User:Tgr</>|Gergő Tisza, user4>User:Aaron_arcos</>|Aaron Arcos, user5>mw:User:Pginer</>|Pau Giner, user6>User:JZimmerman_(WMF)</>|Jared Zimmerman, [<tvar|user7>http://wikimediafoundation.org/wiki/User:MGalloway_(WMF)</> May Galloway], user8>User:bawolff</>|Brian Wolff, user9>User:Keegan (WMF)</>|Keegan Peterzell, user10>User:BDavis_(WMF)</>|Bryan Davis, user11>User:RobLa-WMF</>|Rob Lanphier, user12>User:Howief</>|Howie Fung, user13>User:Tfinc</>|Tomasz Finc, and user14>User:Eloquence</>|Erik Moeller, to name but a few.

To learn more about other multimedia projects we're working on, visit this multim>Special:MyLanguage/Multimedia</>|Multimedia project hub.