Controls and audio with Interactive Video and Panopto player when embedded in Canvas LMS

Submitted by JRDingwall on Tue, 02/01/2022 - 17:57
JRDingwall's picture
Forums: 
Bugs in content types
  1. Detailed steps to reproduce the bug (exactly how and when did it happen)

Create an Interactive Video using the WordPress plugin. Add the video source from Panopto (video is set to public). The video player works as expected in Wordpress. 

Then, using the embed code from H5P, add the interactive video to a page in Canvas. Note, in our version of Canvas, the h5presizer.js is removed when the page is saved. This does not appear to have affect on H5P embeds in our version of Canvas. 

After saving the Canvas page, the video defaults to being on mute (audio off). The play/pause button works inconsistently (works sometimes and does not work other times). If the user toggles the audio switch on, audio still does not play. 

  1. Platform and version number. E.g. Drupal, Wordpress, Moodle.
  • Both Wordpress and Presbooks v 5.8.3
  • Canvas LMS by Instructure
  • Panopto Video v 12.1.0.00021
  1. Mobile or Desktop

Desktop

  1. Browser: Chrome, Firefox, Safari etc
  • Chrome v 97.0.4692.71
  • Firefox v 96.0.2
  1. H5P plugin version
  • H5P plugin v 1.15.4
  1. H5P content type and version (if a content type was used), and a sample URL or attached H5P.
  1. Any browser console errors

The errors make me think this problem is on the Panopto side, but I'm reporting here in case others are having the same issue/have a solution

  • DevTools failed to load source map: Could not load content for file://///seasyn/jenkinsbuilds/rel_rtc_12.1.0/12.1.0.00021/_PublishedWebsites/WebUI/Scripts/Panopto/Bundles/vendors.js.map: System error: net::ERR_FILE_NOT_FOUND
  • DevTools failed to load source map: Could not load content for file://///seasyn/jenkinsbuilds/rel_rtc_12.1.0/12.1.0.00021/_PublishedWebsites/WebUI/Scripts/Panopto/Bundles/core.umd.js.map: System error: net::ERR_FILE_NOT_FOUND
  • DevTools failed to load source map: Could not load content for file://///seasyn/jenkinsbuilds/rel_rtc_12.1.0/12.1.0.00021/_PublishedWebsites/WebUI/Scripts/Panopto/Bundles/react-components.umd.js.map: System error: net::ERR_FILE_NOT_FOUND
  • DevTools failed to load source map: Could not load content for file://///seasyn/jenkinsbuilds/rel_rtc_12.1.0/12.1.0.00021/_PublishedWebsites/WebUI/Scripts/Panopto/Bundles/SignupPromptPopup.js.map: System error: net::ERR_FILE_NOT_FOUND
  • DevTools failed to load source map: Could not load content for file://///seasyn/jenkinsbuilds/rel_rtc_12.1.0/12.1.0.00021/_PublishedWebsites/WebUI/Scripts/Panopto/Bundles/LTIQuizBlock.js.map: System error: net::ERR_FILE_NOT_FOUND
  • DevTools failed to load source map: Could not load content for file://///seasyn/jenkinsbuilds/rel_rtc_12.1.0/12.1.0.00021/_PublishedWebsites/WebUI/Scripts/Panopto/Bundles/SignupBanner.js.map: System error: net::ERR_FILE_NOT_FOUND
  • DevTools failed to load source map: Could not load content for file://///seasyn/jenkinsbuilds/rel_rtc_12.1.0/12.1.0.00021/_PublishedWebsites/WebUI/Styles/Less/Core.css.map: System error: net::ERR_FILE_NOT_FOUND
  • DevTools failed to load source map: Could not load content for file://///seasyn/jenkinsbuilds/rel_rtc_12.1.0/12.1.0.00021/_PublishedWebsites/WebUI/Styles/Less/Embed.css.map: System error: net::ERR_FILE_NOT_FOUND
  • DevTools failed to load source map: Could not load content for file://///seasyn/jenkinsbuilds/rel_rtc_12.1.0/12.1.0.00021/_PublishedWebsites/WebUI/Scripts/Panopto/Bundles/Core.js.map: System error: net::ERR_FILE_NOT_FOUND
  • DevTools failed to load source map: Could not load content for file://///seasyn/jenkinsbuilds/rel_rtc_12.1.0/12.1.0.00021/_PublishedWebsites/WebUI/Scripts/Panopto/Bundles/viewer.umd.js.map: System error: net::ERR_FILE_NOT_FOUND
  • DevTools failed to load source map: Could not load content for file://///seasyn/jenkinsbuilds/rel_rtc_12.1.0/12.1.0.00021/_PublishedWebsites/WebUI/Scripts/Panopto/Util.js.map: System error: net::ERR_FILE_NOT_FOUND
  • DevTools failed to load source map: Could not load content for file://///seasyn/jenkinsbuilds/rel_rtc_12.1.0/12.1.0.00021/_PublishedWebsites/WebUI/Scripts/Panopto/Bundles/commons.js.map: System error: net::ERR_FILE_NOT_FOUND
  • DevTools failed to load source map: Could not load content for file://///seasyn/jenkinsbuilds/rel_rtc_12.1.0/12.1.0.00021/_PublishedWebsites/WebUI/Scripts/Panopto/Bundles/Embed.js.map: System error: net::ERR_FILE_NOT_FOUND
  • DevTools failed to load source map: Could not load content for file://///seasyn/jenkinsbuilds/rel_rtc_12.1.0/12.1.0.00021/_PublishedWebsites/WebUI/Scripts/Panopto/Bundles/EventOverlayFactory.js.map: System error: net::ERR_FILE_NOT_FOUND
  • The resource https://canvas.usask.ca/dist/fonts/lato/extended/Lato-Regular-bd03a2cc27... was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
  • h5p-panopto-embed-test:1 The resource https://canvas.usask.ca/dist/fonts/lato/extended/Lato-Bold-cccb897485.woff2 was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
  • h5p-panopto-embed-test:1 The resource https://canvas.usask.ca/dist/fonts/lato/extended/Lato-Italic-4eb103b4d1.... was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
  • Embed.aspx:1 Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD
  1. Any PHP errors

unsure.

  1. Screenshots if it's a visual problem

n/a. It is a functionality problem. 

  1. Any recent changes to the environment (new plugins/modules, updates, configuration changes etc.)

None that I know of. Canvas and Panopto manage their own updates and I'm not sure when the last updates were done there. 

  1. Any recent changes to the browser you're using (new extensions, updates etc.)

None. 

Content types: 
Interactive Video