Filters: Multi-Embed Filter

filter_multiembed
Maintained by I Teach With Moodle Frederic Nevers
Moodle filter to facilitate embedding of third-party content using simple copy/paste of URLs (e.g. Google Docs, YouTube, ThingLink, Prezi, Quizlet, Padlet, etc.). 3 new services recently added -> now supports 28 services!
311 sites
237 downloads
28 fans

Description

The Moodle Multi-Embed filter automatically turns URLs from supported services into embedded content, without any user input. By using the Moodle Multi-Embed filter, Moodle users (e.g. teachers) do not need to know how to 'embed' objects from other sites, they only need to know how to copy/paste a URL into their Moodle content, using the standard Moodle editor. 

Now supports 28 online services!


Image description of the 'Multi-Embed Moodle filter'

Pre-requisites

Please make sure that you have enabled the 'Convert URLs into links' filter, and placed it above the Multi-Embed filter, as shown below. This setting can be found at Site administration > Plugins > Filters > Manage filters. Ensure both filters are set to 'Content and Headings'


Please ensure that the 'Converts URLs into links and images' filter settings are set to filter all types of content at Site administration > Plugins > Filters > Convert URLs into links and images as shown below 



Depending on your Moodle installation, you may also need to do the following

  • In Site administration > Security > Site policies, set 'Allow EMBED and OBJECT tags' to 'Yes'


Supported services

The following services are currently supported. Services will be added on a regular basis. Please add an issue here if you would like a service to be added

  1. Book Creator - https://bookcreator.com
  2. Canva - https://www.canva.com
  3. ClassTools - https://www.classtools.net
  4. CodePen - http://codepen.io
  5. Desmos - https://www.desmos.com
  6. Diagnostic Questions - https://diagnosticquestions.com
  7. eMaze - https://www.emaze.com
  8. EtherPad - https://etherpad.openstack.org
  9. Personal Google Docs, Drawings, Forms, Sheets, Slides - https://docs.google.com
  10. GSuite Google Docs, Drawings, Forms, Sheets, Slides - https://gsuite.google.com
  11. Haiku Deck - https://www.haikudeck.com
  12. ImgUr - http://imgur.com
  13. Infogr.am - https://infogr.am
  14. Padlet - https://padlet.com
  15. PBS - http://www.pbs.org/video/
  16. PiktoChart - https://piktochart.com
  17. Poll Everywhere - https://www.polleverywhere.com
  18. Prezi - https://prezi.com
  19. Quizlet - https://quizlet.com
  20. Riddle - https://www.riddle.com
  21. Slid.es - https://slid.es
  22. Smore - https://www.smore.com
  23. SoundCloud - https://soundcloud.com
  24. StudyStack - https://www.studystack.com
  25. Sutori - https://www.sutori.com
  26. TED - https://www.ted.com
  27. ThingLink - https://www.thinglink.com
  28. YouTube - https://www.youtube.com

Services tested, not currently supported

The following services have been tested, but cannot currently be supported (either the service does not offer embedding, or the embedding code cannot be reverse-engineered from the URL). Please create an issue here if you think it can be done, or better yet send a pull request here .

Image attribution: Magic Wand by Arthur Shlain under CC-BY-3.0-US License. Colour of icon was changed from black to Lilac.

Screenshots

Screenshot #0
Screenshot #1
Screenshot #2
Screenshot #3
Screenshot #4

Contributors

I Teach With Moodle
Frederic Nevers (Lead maintainer)
Please login to view contributors details and/or to contact them

Comments RSS

Show comments
  • Picture of Joseph Liaw
    Thu, 1 Jun 2017, 1:20 AM
    Hi Fred:

    Here's a sample code snippet of trying to link a PDF to some text or an image from with Moodle using the Atto editor:

    Please PRINT OUT & complete this Retake Ticket Form (PDF)to help you plan and schedule your retake exam.  

    Basically, the idea is to deliver content and documents "in context" by providing some directions to a lab experiment, study guide, etc.--a teacher would simple highlight some text or an image, and then with the Link tool on the Atto toolbar, instead of linking to a URL, they would simply upload a PDF.

    Here's a screenshot of what it should look like (I have to turn off the multiembed filter to make this work):

    https://goo.gl/OUd0Rz

    ...but this is what it looks like with the filter on:

    https://goo.gl/Ow5bG6

    Thanks Fred!
  • Picture of Joseph Liaw
    Thu, 1 Jun 2017, 1:20 AM
    Hi Fred:

    Here's a sample code snippet of trying to link a PDF to some text or an image from with Moodle using the Atto editor:

    Please PRINT OUT & complete this Retake Ticket Form (PDF)to help you plan and schedule your retake exam.  

    Basically, the idea is to deliver content and documents "in context" by providing some directions to a lab experiment, study guide, etc.--a teacher would simple highlight some text or an image, and then with the Link tool on the Atto toolbar, instead of linking to a URL, they would simply upload a PDF.

    Here's a screenshot of what it should look like (I have to turn off the multiembed filter to make this work):

    https://goo.gl/OUd0Rz

    ...but this is what it looks like with the filter on:

    https://goo.gl/Ow5bG6

    Thanks Fred!
  • Picture of Joseph Liaw
    Thu, 1 Jun 2017, 1:20 AM
    Hi Fred:

    Here's a sample code snippet of trying to link a PDF to some text or an image from with Moodle using the Atto editor:

    Please PRINT OUT & complete this Retake Ticket Form (PDF)to help you plan and schedule your retake exam.  

    Basically, the idea is to deliver content and documents "in context" by providing some directions to a lab experiment, study guide, etc.--a teacher would simple highlight some text or an image, and then with the Link tool on the Atto toolbar, instead of linking to a URL, they would simply upload a PDF.

    Here's a screenshot of what it should look like (I have to turn off the multiembed filter to make this work):

    https://goo.gl/OUd0Rz

    ...but this is what it looks like with the filter on:

    https://goo.gl/Ow5bG6

    Thanks Fred!
  • Picture of Joseph Liaw
    Thu, 1 Jun 2017, 1:27 AM
    oooops.....likes like Moodle.org rendered the Atto code snippet.....

    Here's the code snippet on a Google Doc:
    https://docs.google.com/document/d/1NrawlXJnRMkfGd6ZkDMTCHaoRvtNittmkoEW5hJ9aHI/edit?usp=sharing

    I bolded the embedded PDF link to make it easier to read.

    Thanks Fred!
  • I Teach With Moodle
    Thu, 1 Jun 2017, 3:19 PM
    Hi Joseph,
    Thank you for the extra information. I am still unable to reproduce the problem, but I'll keep looking. Please update the plugin, it should now contain the changes you need (e.g. nofilter). I have also added the option to prevent filtering in some pages. For example, my teachers don't like that links to Google docs are embedded in the grading pages. Please let me know if it does the trick.
    Cheers,
    Fred
  • Picture of Joseph Liaw
    Thu, 1 Jun 2017, 9:22 PM
    Cool Fred.....I will definitely try out the newest version--thanks for your quick reply!

    Question: how do you code in the "nofilter" option--just add a tag at the end of the link?

    Thanks Fred--this is going to be a huge help moving forwards for many people....
  • Picture of Joseph Liaw
    Tue, 6 Jun 2017, 11:32 PM
    Hi Fred,

    Sorry about the multiple posts of the same thing on May 31--I think Moodle.org was undergoing maintenance so I when I tried to post it got stuck and I must have hit the buttons a few times waiting...wasn't trying to be rude....

    Finally had a chance to test out the newest update to the plugin--it works GREAT!!! You fixed the ability to embed PDF's within Moodle to link properly, AND the "nofilter" option works beautifully (just have to add a "?" at the end to the link--so it would be "?nofilter"....

    So now instructors and students alike can easily embed content by simply pasting a link, or they can link out to anything by just adding the tag.....simple, functional, elegant, and beautiful! I appreciate your quick response and hard work on this plugin....this makes the ability to integrate rich content and build synergy between tools within Moodle extremely simple, and eventually this should be included in the Moodle core.....

    THANK YOU Fred!
  • Picture of Mei Ling
    Mon, 4 Dec 2017, 3:42 PM
    is it work for Moodle mobile app?
  • I Teach With Moodle
    Tue, 12 Dec 2017, 10:25 AM
    @Mei Ling, sorry I missed your comment. At the moment it is not supported.
    Cheers,
    Fred
  • Picture of Joseph Liaw
    Thu, 18 Jan 2018, 10:00 AM
    Hi Fred,

    Fantastic plugin! Many uses for instructors to embed content easily into their courses...

    Quick question to perhaps make the Multi-Embed filter even more fantastic and useful: since many schools are now using Google Docs, Drive, Chromebooks, etc., it would be amazing if there was a way to get the multi-embed filter to work with the Assignment module--that way students could submit a Google Doc, Slides presentation, pictures, video clip, etc. off their Google Drive but have it automatically show up in the teacher's "grader" view in the Assignment module so that in 1 window / interface the teacher could have access to a rubric, leave comments / feedback, grade the assignment, and move on to the next student.

    Any ideas on if this is possible with the multi-embed filter? I tried to get it to work but it looks like the filter does not render in the Assignment module in Moodle currently.

    Thanks for sharing your great work with the Moodle community!

    Cheers,

    --Joe
  • I Teach With Moodle
    Thu, 18 Jan 2018, 8:56 PM
    Hi Joe,
    It cannot display the document on the left of the window. However, if students post a link to their Google Doc (or any other embedded document) as 'online text', then the embedded version should show on the right-hand side of the window. Quite a few of our teachers use it successfully. We are a 'standards' school, and they can see the rubric, outcomes, feedback etc. when marking, with the embedded document being at the top of the window. I have told teachers to use the icons at the bottom right of the grading window to blow up the feedback window, and hide the PDF viewer. I hope all of that makes sense - it's difficult to explain without a screenshot.
    Cheers,
    Fred
  • Picture of Joseph Liaw
    Mon, 29 Jan 2018, 11:13 PM
    Hi Fred:

    Great idea using the "online text" box for submissions...tried to follow your directions and came close, but I can't seem to get the Multi-Embed filter to render the Google Doc in the right-hand assignment window....

    Here's a screenshot of the filter activated for an assignment:

    https://drive.google.com/open?id=1Gj8lnPnzokGqgk4NNGix0ciaeOugelY7

    ...and here is a screenshot of what shows up in the right-hand side window of the assignment submission (note the filter is not rendering the Google Doc link):

    https://drive.google.com/open?id=1EpNGnJX14I4at2Rlz9g7avxCKwxPU3Iy

    Any tips on how to get this working? This would be a huge win for schools using Chromebooks and Google Apps...

    Thanks Fred!

    Cheers,

    --Joe
  • Picture of Joseph Liaw
    Tue, 13 Feb 2018, 11:45 PM
    Hi Fred:

    Fantastic plugin--teachers are happy to use it and it really makes integration with other apps so easy!

    Feature request for future versions:

    Since many schools are using Google's Chromebooks and Google Drive, is there a way the multi-embed filter could also embed picture or video shared from a Google Drive link?

    This would be handy for many teachers and students (e.g. submit a photo of your notebook, artwork, lab sample, video recording of your flute scales, etc.).....

    Thanks again for sharing your great work with the Moodle community!

    Cheers,

    -_Joe
  • I Teach With Moodle
    Thu, 15 Feb 2018, 2:15 PM
    Hi Joe,
    Thanks for the comment and idea. I was not ignoring your previous comment - too busy at work. I have just worked out how to embed items that do not contain the correct information in the URL (this was the issue in your previous comment - the URL does not include 'slides/docs/sheets' etc., preventing the embed from happening. For now, you can get the URL from the document edit window instead -that should solve your issue). This will also allow me to add the new feature you requested (images and videos). This is something that my school also needs. Might take me a few weeks, but will get it done when I have some time.
    Cheers,
    Fred
  • Picture of Joseph Liaw
    Thu, 22 Feb 2018, 9:23 AM
    Hi Fred:

    No worries--completely understand being swamped!!!

    Quick question: can you share directions / examples of a Google Doc URL that would be show up in the Assignment "online text box" so that teachers would be able to grade assignments inside Moodle using the Assignment interface with rubrics, marking comments, etc.?

    Thank you again for this amazing plugin! It makes integrating other resources a snap for teachers to build better experiences for their students!

    Cheers,

    --Joe
1 2 3
Please login to post comments