Technical guide to embedding the Interprefy iframe widget

A guide to integrating Interprefy's remote simultaneous interpretation iframe widget with a browser-based meeting platform.

Interprefy removes language barriers for events held on any platform. We integrate with over 60 web conferencing and virtual event platforms, providing:

  • Simultaneous interpretation
  • Sign Language Interpretation
  • Automatic live captions
  • Machine-translated live captions / subtitles 

Interprefy's responsive language selector widget makes audience access to these services available in three different ways:

  1. Embedded iframe widget
  2. Language selector pop-up
  3. New browser window

Option 1: iframe widget

You can integrate the Interprefy language selector directly into an existing webpage as an HTML widget in 2 simple steps:

  1. Use an iframe tag to open an Interprefy login link, in the following format: https://interpret.world/integrationlink?token=thisisyourtoken
  2. Replace “thisisyourtoken” with the actual event token provided by Interprefy.

Example of the iframe code is below:

<!DOCTYPE html>
<html>
<head>
<title>Interprefy iFrame Integration Sample Page</title>
</head>
<body style="margin:0;">
<iframe id="interprefyiFrame"
src="https://interpret.world/integrationlink?token=thisisyourtoken&video=true&captions=true"
style="position: relative; width:300px ; height:100vh"
scrolling="no"> </iframe>
</body>
</html>

Attendees then see the language selector placed on the same page as the webcast and simply select their audio interpreting language and mute the original audio on the webcast. 

Recommendations:

  • Place the widget only on pages that require user login to prevent excessive traffic.
  • Add a button (e.g. "interpreting") to ensure only users requiring interpreting would launch the widget.

Example: Interprefy iframe widget embedded on ON24 event platform

on24 live interpretation-minon24 live captions-min

ON24 asl-min

Option 2: Language selector pop-up

You can add a small button or link on your website that opens a language selector pop-up in 2 simple steps:

  • Add the following short HTML snippet to your webcast page:

window.open('https://interpret.world/ integrationlink?token=thisisyourtoken', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar= no,scrollbars=no,resizable=no,width=400,height=300'); 

  •  Replace “thisisyourtoken” with the actual event token provided by Interprefy.

When your attendees click and select their language, they will instantly hear real-time interpretation. All they have to do is mute the webcast to avoid hearing two audio streams.

Example: Language selector pop-up in the event platform Zuddl

image-png-May-16-2022-01-36-17-71-PM

Option 3: New browser window

Alternatively, you can just add a simple link that will open the selector in a new internet browser window.

  1. Send your attendees the following link and ask them to paste it into a new browser window:

https://interpret.world/integrationlink?token=thisisyourtoken

  2.  Attendees then enter the event token provided by Interprefy. 

When your attendees click and select their language, they will instantly hear real-time interpretation. All they have to do is mute the webcast to avoid hearing two audio streams.

Example: New browser window with sign language interpretation enabled

Interprefy browser app_Int

Interprefy browser app_SL