使用JWPlayer將文件轉換為JSON

Question

大家好，我在將字幕添加到視頻中時遇到了這個問題。

我將.vtt作為值放置在對象中，但似乎瀏覽器不喜歡它的輸出方式。 我在這里遵循本指南

這是我的控制台上彈出的錯誤

    {name: "", message: "Converting circular structure to JSON", error: TypeError: Converting circular structure to JSON at Object.stringify (native) at Object.<ano…}

字幕-en.vtt

00:00:01.000 --> 00:00:15.000
What brings you to the land
of the gatekeepers?

00:00:15.500 --> 00:00:20.500
I'm searching for someone.

00:00:36.500 --> 00:00:39.000
A dangerous quest for a lone hunter.

00:00:41.500 --> 00:00:44.000
I've been alone for as long
as I can remember.

使用Javascript

jwplayer("my-video").setup({
    file: "<my-video-file>",
    width: "100%",
    aspectratio: "24:10",
    primary: "flash",
    tracks: [{
        file: "/assets/captions/captions-en.vtt",
        label: "English",
        kind: "captions"
    }]
});

我還確保保存為“ UTF-8”編碼。

我還有其他步驟想念嗎？ 像解析方法一樣？

另請注意，我正在從AWS S3 Bucket流式傳輸視頻。 那是導致錯誤的原因，我必須在那里上載vtt文件嗎？

錯誤在這篇文章中是相同的，但是他們展示了如何通過放置在字符串中來做到這一點。 如果來自vtt文件，我將如何處理？

Answer 1

還要注意，我正在從AWS S3 Bucket流視頻。 那是導致錯誤的原因， 我必須在那里上載vtt文件嗎？

是的，無論視頻出現在哪里，都可以上傳VTT文件。 VTT受到安全限制，以我自己的經驗，我還沒有使用與視頻不同的VTT成功運行JWPlayer。

通過在https://quuz.org/webvtt/上運行該文件，確保您檢查了VTT文件是否有效。

S3可能會將VTT的content-type默認設置為application/octet-stream 。 我不確定您如何使用S3，但是如果您可以在上傳VTT 后檢查其屬性，請查找以下屬性：

Content-Type: binary/octet-stream

如果看到，則需要將其更改為：

Content-Type: text/vtt

如果您沒有確定的過程和/或工具來檢查S3上的VTT，請使用S3瀏覽器或Cloudberry S3 Explorer的免費版本。

關於該錯誤：

{name: "", message: "Converting circular structure to JSON", error: TypeError: Converting circular structure to JSON at Object.stringify (native) at Object.<ano…}

我不認為該錯誤與VTT文件有關。 如果看一下它的格式，VTT與JSON沒有任何相似之處，但是JW設置語法的結構非常相似。