allow webcam and audio when possible

Author: SaraVieira

packages/app/src/app/pages/common/Modals/ShareModal/getCode.js

@@ -71,7 +71,7 @@ export const getIframeScript = (sandbox, mainModule, state) =>
     state
   )}" title="${getSandboxName(
     sandbox
-  )}" style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;" sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"></iframe>`;
+  )}" allow="geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media" style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;" sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"></iframe>`;
 
 // eslint-disable-next-line
 export const getButtonMarkdown = (sandbox, mainModule, state) => {

packages/common/src/components/Preview/index.tsx

@@ -839,6 +839,7 @@ class BasePreview extends React.Component<Props, State> {
             <React.Fragment>
               <StyledFrame
                 sandbox="allow-forms allow-scripts allow-same-origin allow-modals allow-popups allow-presentation"
+                allow="geolocation; microphone; camera;midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media"
                 src={
                   this.serverPreview
                     ? getSSEUrl(sandbox, this.initialPath)