用于在javascript中录制视频的Ziggeo元配置文件参数

Question

我一直在使用ziggeo API，我正在尝试为录音附加一些事件。据我所知，最好的方法是创建一个具有特定id的div，然后使用attribs等创建ziggeo记录器。

<div id="video_section"></div> 
<script>
    ZiggeoApi.Events.on("system_ready", function() {
        var recorder = new ZiggeoApi.V2.Recorder({
            element: document.getElementById("video_section"),
            attrs: {
                width: 320,
                height: 240,
                theme: "modern",
                themecolor: "red",
            }
        });

        recorder.activate();
    });
</script>

然而，与使用简单形式<ziggeorecorder></ziggeorecorder>不同，它允许传递元轮廓参数，

<ziggeorecorder ziggeo-theme='minimalist' ziggeo-themecolor="red" ziggeo-meta-profile='META_PROFILE_TOKEN'></ziggeorecorder>

在attribs中添加元配置文件时，初始化记录器（如API参考中所示）会导致元配置文件被误解。将属性更改为meta_profile时，不会处理任何内容。

        attrs: {
            width: 320,
            height: 240,
            theme: "modern",
            themecolor: "red",
            meta_profile: 'META PROFILE ID',
        }

除此之外，当试图附加事件时。

<script>
    var element = document.getElementById('video_section');
    var embedding = ZiggeoApi.V2.Recorder.findByElement(element);
    embedding.on("submitted", function(data) {
       alert("Video " + data.video.token + " was submitted!");
    });
</script>

我一直收到错误：

Uncaught TypeError: Cannot read property 'on' of null

有没有人能够很好地掌握如何做到这一点？ - 创建记录器，设置元配置文件，并附加事件（提交或完成处理）以重定向回根路径。

Answer 1

我认为你需要使用meta-profile而不是meta_profile。您可以尝试以下代码：

<div id="video_section"></div>
<script>
ZiggeoApi.Events.on("system_ready", function() {
    var recorder = new ZiggeoApi.V2.Recorder({
        element: document.getElementById("video_section"),
        attrs: {
            width: 320,
            height: 240,
            theme: "modern",
            themecolor: "red",
            "meta-profile":"META PROFILE ID"
        }
    });

    recorder.activate();
    recorder.on("verified", function(data){
       console.log(data);
    });
});
</script>

在定义对象属性（CMIIW）时，Javascript不允许在引号外使用-。