diff --git a/xrextras/src/mediarecorder/record-button.js b/xrextras/src/mediarecorder/record-button.js
index 00a3dfe..a5757d2 100644
--- a/xrextras/src/mediarecorder/record-button.js
+++ b/xrextras/src/mediarecorder/record-button.js
@@ -208,6 +208,7 @@ const up = () => {
 
 const initRecordButton = () => {
   window.XR8.addCameraPipelineModule(XR8.MediaRecorder.pipelineModule())
+  window.XR8.addCameraPipelineModule(XR8.CanvasScreenshot.pipelineModule())
 
   document.body.insertAdjacentHTML('beforeend', htmlContent)
 
@@ -232,6 +233,7 @@ const initRecordButton = () => {
 
 const removeRecordButton = () => {
   window.XR8.removeCameraPipelineModule(window.XR8.MediaRecorder.pipelineModule().name)
+  window.XR8.removeCameraPipelineModule(window.XR8.CanvasScreenshot.pipelineModule().name)
   container.parentNode.removeChild(container)
   flashElement.parentNode.removeChild(flashElement)