hls js 从元数据中获取流标题答案

【问题标题】：hls js get stream title from metadatahls js 从元数据中获取流标题
【发布时间】：2023-02-17 01:03:45
【问题描述】：

我正在使用 hls js 进行广播播放。这很好用。我的问题是有没有办法检索当前播放的歌曲数据（标题、艺术家）？我尝试使用一些回调，如 (MANIFEST_PARSED, MANIFEST_LOADED) 但没有成功找到此信息。

var audio = document.querySelector('#audio');
var url = 'https://stream.ram.radio/audio/ram.stream_aac/playlist.m3u8'

if (Hls.isSupported()) {
   var hls = new Hls();
   hls.attachMedia(audio);

    hls.on(Hls.Events.MEDIA_ATTACHED, function () {
        hls.loadSource(url);
    });

    hls.on(Hls.Events.MANIFEST_PARSED, function (event, data) {
        console.log(data)

   });         

    hls.on(Hls.Events.MANIFEST_LOADED, function (event, data) {
        console.log(data)
    });
}

  <audio preload="true" id="audio" controls crossorigin>

【问题讨论】：

标签： http-live-streaming hls.js

【解决方案1】：

你可以尝试这样的事情：

hls.on(Hls.Events.METADATA, function(event, data) {
  if (data && data.tags && data.tags.TITLE) {
    console.log("Tags", data.tags);
  }
});

【讨论】：