The <microphone> element allows you to set up and control a microphone that is connected to a media server. For privacy protection, the allowed attribute must be set to true by the user.

The following figure shows a microphone control.

    <canvas>
        
        <microphone id="m" 
            capturing="${controlpanel.capturing.value}"
        />
        
        <view
            x="10" 
            y="20" 
            width="102" 
            height="12" 
            bgcolor="black"
            >
            <view
                x="1" 
                y="1" 
                bgcolor="yellow" 
                width="${m.level}" 
                height="10"
            />
        </view>
        <view
            y="100"
            >
            <simplelayout
                axis="x" 
                inset="10" 
                spacing="20"
            />
            <view
                layout="axis: y; spacing: 4"
                >
                <text
                    text="${'deviceindex: ' + m.deviceindex}" 
                    resize="true"
                />
                <text
                    text="${'devicename: ' + m.devicename}" 
                    resize="true"
                />
                <text
                    text="${'capturing: ' + m.capturing}"
                    resize="true"
                />
                <text
                    text="${'allowed: ' + m.allowed}"
                    resize="true"
                />
                <text
                    text="${'level: ' + m.level}" 
                    resize="true"
                />
            </view>
            <view
                width="1" 
                height="100" 
                bgcolor="black"
            />
            <view id="controlpanel" 
                layout="axis: y; spacing: 10"
                >
                <checkbox name="capturing"
                    text="Capturing"
                    value="false"
                />
                <button
                    text="Show Settings"
                    onclick="m.showSettings()"
                />
            </view>
        </view>
                        
   </canvas>