Filters: Multi-Embed Filter
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 31 online services! Responsive content (automatically adjusts to screen size), GDPR compliant. Lazyloading support (pages load fast)
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
- Book Creator - https://bookcreator.com
- Canva - https://www.canva.com
- ClassTools - https://www.classtools.net
- CodePen - http://codepen.io
- Desmos - https://www.desmos.com
- Diagnostic Questions - https://diagnosticquestions.com
- eMaze - https://www.emaze.com
- EtherPad - https://etherpad.openstack.org
- Personal Google Docs, Drawings, Forms, Sheets, Slides - https://docs.google.com
- GSuite Google Docs, Drawings, Forms, Sheets, Slides - https://gsuite.google.com
- Google Drive files (PDF, videos, etc.)
- Haiku Deck - https://www.haikudeck.com
- ImgUr - http://imgur.com
- Infogr.am - https://infogr.am
- LearningApps - https://learningapps.org
- Padlet - https://padlet.com
- PBS - http://www.pbs.org/video/
- PiktoChart - https://piktochart.com
- Poll Everywhere - https://www.polleverywhere.com
- Prezi - https://prezi.com
- Quizlet - https://quizlet.com
- Riddle - https://www.riddle.com
- Slid.es - https://slid.es
- Smore - https://www.smore.com
- SoundCloud - https://soundcloud.com
- StudyStack - https://www.studystack.com
- Sutori - https://www.sutori.com
- TED - https://www.ted.com
- ThingLink - https://www.thinglink.com
- Trello - https://www.trello.com
- 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 .
- Coggle - https://coggle.it
- Cram - http://www.cram.com
- Dribbble - https://dribbble.com
- Flashcard Machine - http://www.flashcardmachine.com/
- Flickr - https://www.flickr.com
- Kahoot - https://getkahoot.com
- NatGeo Map Maker - http://mapmaker.nationalgeographic.org
- National Geographic - http://video.nationalgeographic.com
- NearPod - https://nearpod.com
- PearDeck - https://www.peardeck.com
- Quizalize - https://www.quizalize.com
- Quizizz - https://quizizz.com
- SlideShare - http://www.slideshare.net
- Socrative - http://www.socrative.com
- Speaker Deck - https://speakerdeck.com
- StudyBlue - https://www.studyblue.com
- TES Blendspace - https://www.tes.com/lessons/gallery
- UStream - http://www.ustream.tv
Image attribution: Magic Wand by Arthur Shlain under CC-BY-3.0-US License. Colour of icon was changed from black to Lilac.
Useful links
Screenshots
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!
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!
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
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....
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!
Cheers,
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
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
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
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
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
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
Great plugin and thank you for your updates!
Feature request for future releases:
Any chance we could add in support for Office365 (Word, Excel, PowerPoint, OneNote online / cloud based versions?)
Specifically, being able to embed OneNote Online would be AMAZING (www.OneNote.com) since OneNote has the newer Class Notebook feature for teachers to easily be able to distribute pages and sections to students, as well as ink over documents, photos, and images in its collaboration space.
Thanks for sharing your great work with the Moodle community!
Cheers,
--Joe
Cheers,
Fred