Please whitelist 3playmedia

Can the interactive transcripts 3playmedia provides for captioned videos can be integrated into openscholar? If you click on one of the videos here: http://mit150.mit.edu/infinite-history you can see an example.
3 people like
this idea
+1
Reply
  • Yes, definitely, 3Play Media is a Harvard preferred vendor for creating/converting audio and video captions. Their interactive transcript option can definitely be an enhancement to regular overlaid captions. There are multiple ways to add an interactive transcript to a page with an embedded video but the simplest, most direct way for a content owner is to copy a script element from their 3Play management page that's specific to the video. Something like this
    <script type="text/javascript" src="//static.3playmedia.com/p/projects/000/files/0000/plugins/00000.js"></script>
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated

  • From 4/23/2015 Accessibility Team review:
    Relative Importance = Low
    Suggested Priority = 10

    Curtis Wilcox: Feature that 3 Play Media is offering. And 3Play stores the transcript. If done through an i-Frame would be easy to do in Open Scholar. AAA issue
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. indifferent, undecided, unconcerned kidding, amused, unsure, silly happy, confident, thankful, excited sad, anxious, confused, frustrated

  • Just following up on this. Does this feature need to be added or is it currently possible? For my part, I tried utilizing the script element, and embedding it with an embed widget. Neither of which produced any results.

    Here is the script:
    • Tim, it looks like your script got filtered out from your forum post, it might display if you surround it with <pre> tags.

      3playmedia.com isn't on Embedly's list of media providers or on the OpenScholar platform's local list (see below). I think at minimum this is a prerequisite to including an interactive transcript on an OpenScholar page.

      localhost, youtube.com, flickr.com, twitter.com, facebook.com, google.com, yahoo.com, gmodules.com, harvard.edu, statcounter.com, cga.harvard.edu, iq.harvard.edu, googleapis.com, qualtrics.com, surveymonkey.com, kaltura.com, vimeo.com, visitor.r20.constantcontact.com, mapsalive.com, ted.com, soundcloud.com, zeemaps.com, new.livestream.com, trumba.com, mapbuildr.com, npr.org, gettyimages.com, shinyapps.io, jwpsrv.com, donorperfect.net, altbibl.io, podbean.com, libsyn.com, knackhq.com, wunderlist.com, service-now.com
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated

  • Hi Curtis,

    Thanks for the response. Is there any plan to include the Harvard preferred vendor, 3playmedia, on the the list of media providers, or OpenScholar's local list? Can I submit a feature request? Our director is very interested in pushing this through. This would be a boon for our faculty lectures.
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated

  • This topic is already labeled as an "idea" so adding 3playmedia.com to OpenScholar's local list should already be on their list of potential to-dos. I don't know how to get it on the roadmap, there have definitely been other hosts whitelisted in the past few months.
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated

  • I’m thankful
    Thank you Dorian! While we are a bit ahead of the curve on this, I think other university sites would be thrilled at using this feature.
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated

  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated

  • Do people have this working on their sites now? I'm trying to add a 3playmedia transcript today but get an error.

    If I put the code directly into the body html and save, only the iframe tags are intact -- the two scripts get removed.

    If I try to "attach" the code via the Embed from the web tab, it tells me "URL(s) not from accepted domain! Please check that all URLs are from an accepted provider, and all URLs in HTML code are from an accepted domain."

    Here's the code:

    <script type="text/javascript" src="http://www.youtube.com/iframe_api"></script><iframe id="myytplayer" src="http://www.youtube.com/embed/cfZ2v8bGL7Q?enablejsapi=1" type="text/html" height="300" frameborder="0" width="440"></iframe><script type="text/javascript" src="//static.3playmedia.com/p/projects/11594/files/1787006/plugins/11393.js"></script>


    Thanks!
    • view 2 more comments
    • Your code is nested within many divs, like everything on OpenScholar, but one of them has a class called "element-hidden" which removes the entire block by setting it to display: none;. If I use the browser developer tools to disable that display property (actually twice because the .element-hidden selector is in the site's CSS twice), the video and transcript display and work correctly.

      I don't know what's going on with that, it's unrelated to your code snippet. How is your code added to this testing page, did you edit the Layout this page, create a new Embed Media Widget and drag it to one of the center boxes in the layout?

      There are probably other cases but the ones I can think of where OpenScholar hides content like this is to hide the non-current slides in a slideshow, the non-current tab in a tab panel, or in a collapsed accordion.
    • Hi Curtis, I did both -- i.e., I put the code directly into the page (in the source view of the editor), as well as into a widget.
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated

  • I added the script above with the https urls
    I just added this script to the page and it showed up - https://pic-sure.org/pm17-videos-testing
    • Hi Bilsi,

      Which part exactly did you add?

      When I look at the source view in the editor now, this is what I see:


      <p>
      <iframe id="myytplayer" src="https://www.youtube.com/embed/cfZ2v8bGL7Q?enablejsapi=1" type="text/html" width="440" height="300" frameborder="0"></iframe>
      </p>

      <p>
      [[{"fid":"3550666","view_mode":"default","type":"media","attributes":{"height":"300","width":"440","class":"wysiwyg-placeholder media-element file-default"}}]]
      </p>


      I had already put this code into the page myself:


      <script type="text/javascript" src="https://www.youtube.com/iframe_api"></script><iframe id="myytplayer" src="https://www.youtube.com/embed/cfZ2v8bGL7Q?enablejsapi=1" type="text/html" height="300" frameborder="0" width="440"></iframe><script type="text/javascript" src="//static.3playmedia.com/p/projects/11594/files/1787006/plugins/11393.js"></script>
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly indifferent, undecided, unconcerned happy, confident, thankful, excited sad, anxious, confused, frustrated