Start a new topic

How do I embed subtitled videos in Livejournal?

Hello, I was just wondering if it's possible at all. Sites like Youtube and Vimeo seem to work, but Amara doesn't.
http://www.livejournal.com/support/faq/268.html
LiveJournal may seem old news in the West, but it's the most popular blogging site in Russia.

Or is there some way around it? Like some sort of open-source blogging platform that can integrate with LiveJournal and that DOES support embedding Amara...

3 people have this problem

Hello EB, 

A quick search led me to this FAQ topic for LiveJournal http://www.livejournal.com/support/faq/14.html  which explains that the reason you can't embed the Amara code has to do with LiveJournal's restrictions. Perhaps with enough users requesting it, Amara could be added to their whitelist of sites!
Hi Jules,

The javascript in the normal embed code also means that you can't use it in for-free WordPress blogs, wikispaces and PBworks wikis, and apparently movable type blogs (1).

But I was wondering: the video tuts that appear when you first start subtitling with Amara look simpler, without the droplist  below the player. So could it be that their embed code doesn't use javascript (I can't check, because I told the software to always skip these videos)? If so, could Amara make this other embed code easily available, for use in platforms that refuse javascript?

(1) At least I can't in my http://www.webmultimediale.org/almansi/ , where the "generator" meta-tag says: "Movable Type Personal 4.12"
Hi Claude, 

Sadly, not even we are able to overcome those issues: the video that shows up inside the widget with the tutorial is sadly not subtitled.  We do have plans to make a different player that is compatible with more sites and is not seen as a security concern, however, it is not on the top of our priority list yet. 

In the meantime, writing to livejournal and wordpress and other websites and asking them to include Amara embed codes in their whitelist could possibly help out!

I finally received a reply (of sorts) to my request to LiveJournal, 3 months after I submitted the question.


"Thank you for taking the time to contact us; we've made a note of the feedback you've provided regarding Amara subtitles and forwarded it to the appropriate personnel for review.


Regards,
LiveJournal Community Care"


So, I guess we wait now? I'm sure it wouldn't hurt if other people also submitted a request about this. You can do so here:

https://www.livejournal.com/support/submit


My original request was:

"Hello, I would like to ask LiveJournal to please add support for Amara subtitles (the embed code uses some Javascript that LiveJournal blocks):
http://support.amara.org/support/discussions/topics/8770
Please add it to your whitelist.


It's a really great tool for adding collaborative translations to videos from Youtube, Dailymotion and other sites. I think a lot of people will find it really useful.


In my case, I've been wanting to use it for years and it's frustrating that there's no support in LiveJournal."

Hi EB

Don't be too cross with LiveJournal: unfortunately, many Web 2.0 platforms don't support the embedding of the Amara player because of the javascript - see my former comment.

Workarounds:
  1. If you uploaded the original video on a platform that supports CC subtitles - for instance, YouTube, Internet Archive, DailyMotion, and now Vimeo - you can download the Amara subtitles and add them to the original video, then embed that.
  2. If someone else uploaded the original video on such a platform, ask her/him to kindly do as in 1, then embed the original when s/he has done so.
  3. If the original uploader does not react, download the original video, reupload it on one of those platforms, then do as in 1.

The problem with the 3rd workaround is copyright, the moral issue is courtesy. But neither nor both together weigh as much as everybody's right to access information. With YouTube, just be careful if you already got a copyright strike, of those that if you get 3, your account gets deleted. But in my experience, when the description clearly states that the purpose of the copy is accessibility and/or education, you don't get a strike, just a "content match" notification.

 

While not officially released yet - we are working on a new embedder / transcript viewer that uses iframes.  You'll still need to be able to add a line of javascript, but it works like this:


Note: this new Embedder is a work in progress.
It currently only supports YouTube, Vimeo, and HTML5 videos.

Step 1: paste this in your document somewhere (closest to the closing body tag is preferable):

<script type="text/javascript" src='http://amara.org/embedder-iframe'> </script>

Step 2: paste this somewhere inside your HTML body, with the video URL, height, and width of your choosing:

<div class="amara-embed" data-height="480px" data-width="854px" data-url="http://www.youtube.com/watch?v=5CKwCfLUwj4"> </div>

I'd really like to hear more about whether or not it works for you on various sites.  You can see the demo here:
Hi!
The transcript viewer feature is great!
The embedder works with wikispaces, whereas the old embedder didn't. See the Prova embed page on my wiki for trying stuff.
It doesn't work with WordPress.com - or rather: I was unable to find how to add the javascript line to the blog. See  Trying the Amara 2014 New Embedder.

 

Following the exchange with Dennis G Daniels in show two (or more) subs in the video at same time (duolingo): would it be possible to set different languages for the subtitles that appear onscreen and for the interactive transcript they generate that can be activated below, as with the YouTube and TED.com players?

 

Login or Signup to post a comment