Skip to content

Support microphone permissions inside of iframes #920

@zachHallway

Description

@zachHallway

-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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions