Mocking up an embed function for the Europeana exhibitions

I’ve started doing the specification work for a feature in the Europeana exhibitions. In short it’s a feature allowing any user to embed and exhibited item on their own site provided the images is Creative Commons-licensed or is in the Public Domain (the embed button wouldn’t appear for items with unclear re-use statements).

Very straight-forward really: the user finds an item he or she likes and wants to share, clicks an embed button, copies an HTML-snippet that then appears and pastes the snipper into their site authoring tool.

Mockup of what an embed button could look like in the Europeana exhibitions

Click for a bigger picture!

Here a mockup of an exhibited item with the embed button placed together with the social sharing buttons. Note the Creative Commons badge on the lower right of the image. Not sure if this is the optimal placement for social sharing buttons? What do you think?

Below a mock-up of the item when embedded. Hand-coded by me, this function doesn’t exist yet!

What do you think? A useful addition to our exhibitions? One addition I’d do for this example is to add a Google Analytics Campaign Code to the URL to make it easy for us to report on incoming visits from the embedded item. Another optional feature for the feature could be to embed a high-resolution zoomable image (like the one you get if you click-through on the mock-up).

I would like to make it possible to embed also video and audio. Not sure how to do that though? Would it have to be an iframe based solution?

Advertisements
This entry was posted in Europeana and tagged , , , . Bookmark the permalink.

2 Responses to Mocking up an embed function for the Europeana exhibitions

  1. Jeremy says:

    Hi David. Re audio & video I think the short answer is yes. I’ve been playing with offering the Flash embed code for our player (a) but I’d rather offer an HTML5 solution (impossible until we transcode some of our media) and (b) to do it the nice way, with javascript-sniffing of Flash, also means embedding scripts and basically it’s a bit of a mess and might preclude people embedding into a blog or more locked-down CMSs, forums etc (though this may well also apply to iFrames, but I think they’re used for e.g. YouTube). For you, you also have the problem that your content owners will have media in many formats, perhaps want their own players used, perhaps stream or else offer static files, so you won’t be able to offer a single format of embedding code for all of them. An iFrame, though, keeps all the mess inside the embedded page.
    Great idea anyway, I really hope you can pull it off!
    PS hopefully we’ll soon make our own multimedia embedding code public, I’ll race you! 😉
    PPS think about BBcode too. I think I nicked that one off Brooklyn Museum.

  2. Hi Jeremy,
    And thanks for the feedback and the advise! Not sure I dare race you: Europeana is more super-tanker than speedboat. 🙂 BBCode seems easy enough and I see Wikimedia Commons support it as well in their embeds.

    One of the reasons it’s easier for us to do an embed function in the exhibitions is that for those we have locally stored media. So we can control audio and video formats and do so for example here:
    http://exhibitions.europeana.eu/items/show/357?tags=weddings-in-eastern&theme=connect-dismarc

    That also made it possible for us to choose a player that only falls back to Flash when necessary, http://mediaelementjs.com/ and thus also works well on mobile and tablets.

    So I guess if we embedded the player in the embed we could make a pure HTML/js audio/video embed?

    Bu even so an iframe might be simpler. Many platforms though do block iframes (e.g. wordpress.com) but the same often block javascript as well.

    Cheers,
    David

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s