14、Chrome 杂项 API 全解析

Chrome 杂项 API 全解析

1. 媒体展示功能

在展示媒体及其元数据（仅图像有元数据）时，需向右侧窗格添加元素。元素类型由以下代码决定：

var mediaType = metadata.mimeType.split('/')[0];
var elementName = mediaType === 'image' ? 'img' : mediaType;

这段代码中， mediaType 为 mimeType 的第一部分（如 audio/mpeg 、 video/mp4 、 image/jpeg 等）。若为图像，使用 <img> 元素；否则，使用 <video> 或 <audio> 元素。

对于 <video> 和 <audio> 元素，需添加控件，代码如下：

element.setAttribute("controls", "controls");

虽说图像无需控件，但设置此属性也无害，这样可简化代码。

2. 杂项 API 概览

Chrome