Support microphone permissions inside of iframes

-index.tsx

import { createIntegration, createComponent } from '@gitbook/runtime';


const hallwayEmbedBlock = createComponent({
    componentId: 'hallway-embed',
    initialState: {},
    render: async ({ props, state }) => {
        return (
            <block>
                <webframe 
                    source={{ url: "https://hallway.ai/embed/a0a6b76d-9237-4114-9623-d8ee86de1233" }}
                    aspectRatio={16/9}
                />
            </block>
        );
    }
});

export default createIntegration({
    components: [helloWorldBlock, hallwayEmbedBlock]
});

Example:

https://hallway.gitbook.io/joinhallway-docs/

[Violation] Permissions policy violation: microphone is not allowed in this document.

This error when accessing the microphone.

Proposed change

• introduce a configuration setting for integrations to allow camera and microphone access.

Start with the integration example in -index.tsx and trace how the webframe and integration configuration are handled. Confirm how camera and microphone permissions should be configured for embedded content, then verify the Hallway example can access the microphone without the permissions-policy violation.