javascript - 用于在 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>

在属性中添加元配置文件时，初始化记录器(如 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>

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