Hlsjs中HlsEventsFRAG_PARSING_METADATA回调解析SEI

Hls.js是一个JavaScript库，用于在web浏览器中实现HTTP Live Streaming（HLS）协议。Hls.js提供了一组事件回调函数，用于处理各种HLS事件。其中之一是Hls.Events.FRAG_PARSING_METADATA事件，它在解析HLS视频流中的元数据时被触发。

SEI（Supplemental Enhancement Information）是一种H.264视频编码标准中用于传输元数据的机制。在HLS视频流中，SEI信息通常用于传输时间戳、帧类型、颜色空间等信息。当Hls.js解析视频流中的SEI信息时，会触发Hls.Events.FRAG_PARSING_METADATA事件，开发人员可以在此事件回调函数中获取和处理SEI信息。

以下是一个示例代码，演示如何使用Hls.js中的Hls.Events.FRAG_PARSING_METADATA事件回调函数解析SEI信息：

var videoElement = document.getElementById('video');
var hls = new Hls();
hls.loadSource('video.m3u8');
hls.attachMedia(videoElement);
hls.on(Hls.Events.FRAG_PARSING_METADATA, function(event, data) {
  if (data.samples.length > 0) {
    var seiData = data.samples[0].data;
    // 解析SEI信息
  }
});

在上面的代码中，我们首先创建了一个video元素和一个Hls实例。然后，我们使用Hls.loadSource()方法加载HLS视频流，并使用Hls.attachMedia()方法将video元素与Hls实例关联。最后，我们注册了一个Hls.Events.FRAG_PARSING_METADATA事件回调函数，在解析SEI信息时处理数据。

在事件回调函数中，我们首先检查data.samples数组的长度，以确保我们有可用的SEI信息。然后，我们从第一个样本中提取SEI数据。最后，我们可以使用自定义的解析函数解析SEI信息。