高清录制 - Ziggeo Recorder v2 JS

Posted 2023-03-15

【中文标题】高清录制 - Ziggeo Recorder v2 JS

【英文标题】：Recording in HD - Ziggeo Recorder v2 JS

【发布时间】：2020-07-28 17:59:16

【问题描述】：

我在使用 Ziggeo Recorder 拍摄高清视频时遇到困难。

我已经设置了一个记录器，基本上，它是 Ziggeo 托管解决方案的克隆：

<script>
            $(document).ready( function() 
                //assigning the event handler for click on the Next button on first screen
                $("#step1 button").on("click", function() 
                    //hide first screen
                    $("#step1").hide();
                    //show second screen
                    $("#step2").show();

                    //add our embedding to the page
                    var recorder = new ZiggeoApi.V2.Recorder(
                        //we find the element with id="recorder" to attach v2 recorder to it
                        element: document.getElementById("recorder"),
                        attrs: 
                            //we make the recorder responsive
                            responsive: true,
                            //we set the max time for recording to 120 seconds
                            timelimit: 2 * 60,
                            theme: "modern",
                            video_width: 1920,
                            video_height: 1080,
                            video_profile_transcoding: "HDcapture",
                            hd: true,
                            //we add name and email to the video as a custom data
                            "custom-data": 
                                name: $("#name").val(),
                                email: $("#email").val()
                            
                        
                    );

                    //we activate the recorder
                    recorder.activate();

                    recorder.on("verified", function() 
                        //once video is uploaded and seen that it can be processed the verified event fires we show the
                        // button to Submit the form
                        $("#step2 button").show();
                    );
                );

                //When Submit button is clicked
                $("#step2 button").on("click", function() 
                    //hide second screen showing recorder
                    $("#step2").hide();
                    //show the "Thank you" screen
                    $("#step3").show();
                );
            );
        </script>

我在 attrs 数组中尝试了以下操作，但无济于事。

video_width: 1920,
video_height: 1080,
video_profile_transcoding: "HDcapture",
hd: true,

我设置了一个视频转码配置文件（并将其设为默认），但它无法捕捉。

所有视频都来自：

video_width: 640,
video_heigh: 480,
hd: false,

这些 Ziggeo 支持资源似乎没有回答如何录制高清（w/v2 和 JS）...

https://support.ziggeo.com/hc/en-us/articles/206452028-How-do-I-record-in-HD-

https://ziggeo.com/blog/record-video-in-hd/

而且我在这里看不到对高清的引用： https://ziggeo.com/docs/api

在此先感谢您的帮助或指导。 Ziggeo 产品的承诺很棒——我只需要让它提供高清！

【参考方案1】：

Jon 包含链接和代码真是太棒了。看着他们，我可以明白为什么它不适合你。我的建议是从您的一个链接中查看代码：https://support.ziggeo.com/hc/en-us/articles/206452028-How-do-I-record-in-HD-

这是当前显示的代码：

<ziggeorecorder
    ziggeo-recordingwidth=1280
    ziggeo-recordingheight=720
    ziggeo-theme="modern" 
    ziggeo-themecolor="red"
    ziggeo-video-profile="_name_of_your_hd_profile">
</ziggeorecorder>

录制高清视频的关键参数是将recordingwidth 和recordingheight 设置为您希望使用的值。默认为 640x480。

html 代码需要 ziggeo- 前缀，而 javascript 则不需要。

因此更改上面的示例将导致代码如下所示：

var recorder = new ZiggeoApi.V2.Recorder(
//we find the element with id="recorder" to attach v2 recorder to it
    element: document.getElementById("recorder"),
    attrs: 
        theme: "modern",
        recordingwidth: 1920,
        recordingheight: 1080,
        'video-profile': "_HDcapture"
    
);

我删除了大多数其他参数，以显示您需要设置的最基本参数。

现在，在上面的代码中，您还可以注意到，我在视频配置文件名称前使用了下划线，导致 _HDcapture。这是因为令牌（由我们的系统生成的 ID）使用时没有下划线，但是如果您创建了 ID，那么这就是 key（您的唯一 ID）并且为了让我们的系统知道它是一个密钥，它将寻找下划线。因此，如果您没有在嵌入中添加下划线，那么它就会忽略它。

当您在仪表板中创建视频配置文件时，您会看到“标识符：_HDcapture”显示给您，帮助您确切了解应该使用什么。

现在查看您使用的参数，我相信您是从视频数据中使用它们，然后将它们添加到您的嵌入中。

此视频数据只是向您展示了您对 JavaScript 函数（如 recorder.get()）的期望或 webhook 中的内容。对于您可以使用的实际参数，您应该查看docs here。

需要指出的一点：如果您的相机支持1080，您只能录制1080。如果您使用720，那么您的相机必须支持720。大多数相机支持640x480，这就是我们默认的原因。我这么说是因为：

您需要相机能够以您希望的分辨率进行录制 您可能还希望为没有高清摄像头的人提供替代方案

对于任何与 JavaScript 和 HTML 相关的内容，我建议您在此处查看文档：https://ziggeo.com/docs/sdks/javascript/。仍然在这里发帖，或者通过电子邮件 ([e-mail]) 或通过论坛联系 Ziggeo 的支持团队：https://support.ziggeo.com/hc/en-us/community/topics

PS：我是 Ziggeo 团队的一员，我们都乐于提供帮助，希望以上内容对您和其他寻求相同帮助的人有所帮助:)