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