У меня проблемы с получением рабочего примера, который считывает метаданные из файла WebVTT, который был указан в элементе в на странице HTML5. Чтобы было ясно, я не говорю о чтении метаданных из самого видеофайла (как, например, с транспортным потоком MPEG). Я говорю об элементе , который используется для добавления субтитров к видео. Одним из атрибутов является kind , который может быть указан как любое из следующих значений:

• Subtitles
• Descriptions
• Captions
• Навигация
• Главы
• Метаданные

Я пытаюсь использовать тип метаданных для доступа к тексту, хранящемуся в соответствующем файле WebVTT, которым я собираюсь управлять с помощью JavaScript. Я знаю, что это возможно, так как упоминается Сильвией Пфайфер , а также создателем Captionator , который представляет собой полифил JavaScript, который я использую для реализации функций интерпретации теги. Однако я просто не могу заставить его работать.

Мой код основан на примере заголовков документации Captionator . Я добавил кнопку для получения метаданных и отображения их, когда я нажимаю кнопку. К сожалению, вместо метаданных он продолжает отображать «undefined». Есть идеи, что я делаю неправильно? В качестве альтернативы, кто-нибудь знает, где находится рабочий пример, на который я мог бы взглянуть? Я нигде не могу найти.

Если вы хотите взглянуть на мой код, я включил его ниже:

    
        
        
        
    
    
        
HTML5 Video Closed Captioning Example
        

            
Metadata text should appear here
            
        

        

        
        

        
        
        
    

Мой файл WebVTT выглядит так:

WEBVTT

0
00:00.000 --> 00:04.000
Testing 1 2 3 . . .