Create playlists
Use the Playlist Tool to create collections of content presented in the order you choose. Audios, videos, images and text - or all of them at once!
Tell your story
Use the Story Editor to describe your playlist items and narrate your own story of the content presented.
Create your visualization
Choose a visualization method and change its behaviour and appearance. Use combination of these settings to fit the purpose of your presentation. What you see is what you get!
Make media collections and present them on maps, timelines or in 3D.
Why we created it
Enabling open access to digital media archives increasingly demands suitable forms of presenting the content of growing databases. In addition to archiving, this increasingly places questions relating to an intuitive presentation and narration of content in the foreground. The WordPress plugin UVisualize! developed on the lines of the international project Creative Approaches to Living Cultural Archives enables content to be structured and prepared visually in different ways (e.g. by way of maps, timelines, three dimensional layers, etc.). In this fashion, collections can be made more narrational and more visually accessible.Playlist features
Create playlists
Add the ability to your WordPress site to create playlists of posts or media files of any type. You can make the playlist function available to the frontend too by simply pasting a snippet of code into one of your theme files.Add items
The plugin will add a playlist button with a dropdown menu to each post. Just open the dropdown beside a post to add it to one of your playlists.Sort
Bring the playlist in the order in which you want to narrate it.Manage your playlists
Use the common WordPress backend interface to easily manage your playlists and add visualizations to them.Every media type supported
The playlist may contain any content you like, usually a post with media files attached. Audios, videos, images and documents can be presented. Either are they attached to the post or included by a shortcode, which can be automatically parsed and treated as attachments.Auto-visualize
Paste a small code snippet into your theme to make auto generated visualizations available to your visitors - by tag, by category or any other taxonomy, postmeta or database query you like.Create and narrate your visualization
Story Editor
Tell your story about the collection you put into a playlist by using the story editor. Create your own narration by adding contextual information to each post - or just leave the original content as is.
Map
Present your playlist on maps. Change basemaps, choose whether and how to display the playlist to the visitor, make taxonomy and timerange filters available to them.
Configure the look and feel of your map-based presentation by changing colors, fonts and much more.
Timeline
Present your playlist on the popular knightlab timeline.
Change colors, fonts and let visitors filter by taxonomies.
Layers
Present your playlist as overlaying layers on a three dimensional timeline or as a two dimensional slideshow. Configure the appearance of the layers, the playlist and modify space and transitions.
Create your own module
UVisualize! is modular.
It can be extended by your own custom visualization module easily.
The layers module provides a standalone example, solely based on the UVisualize! framework.Development screenshots
Map module
Timeline module
Layers module
Help & documentation
Download
| Download | Version | Notes |
|---|---|---|
| uvis-1.0b.zip | 1.0b | UVisualize! stable beta |
| geo-tag-simple.zip | 0.9.6 | Recommended "Geo Tag" plugin by Peter Rosanelli. |
We recommend using the Geotag-Plugin by Peter Rosanelli. You can find a simplified version for download in the list above.
Avoid using the plugin "WP Geo" since it doesn't make use of the WordPress geotag standard.
Try the demo beforehand (Username: testuser · Password: demo).
Some technical informations
Javascript libraries used: AngularJS v1.2.23, underscore, backbone (WordPress native), jQuery (WordPress native), mediaelementjs (WordPress native), leaflet, timelinejs, evol.colorpicker, jqrangeslider, sprintf js
Concept, programming and UI design by Ralf Traunsteiner and Ingo Leindecker
Don't hesitate to contact us under cba -at- fro -dot- at
Funded by
