Ziggeo meta-profiles参数,用于在javascript中录制视频

时间:2018-09-10 20:03:05

标签: javascript video video-streaming ziggeo-api

我一直在使用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

有人对如何正确执行此操作有很好的把握吗? -创建一个记录器,设置一个元配置文件,并附加一个事件(提交或完成处理)以重定向回根路径。

1 个答案:

答案 0 :(得分:2)

我认为您需要使用g(n)而不是meta-profile。您可以尝试以下代码:

meta_profile

在定义对象属性(CMIIW)时,JavaScript不允许在引号外使用<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>