AudioContext 为什么会从 suspended 开始，必须在哪类事件里 resume 才可靠？
围绕“AudioContext 为什么会从 suspended 开始，必须在哪类事件里 resume 才可靠”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕必须把状态机与用户激活绑定到可听输出。
核心关键词AudioContext suspended resume 用户手势
面试知识索引 · 分类、标签与搜索
浏览器 · 文件与多媒体面试题，47 道完整答案
浏览器 · 文件与多媒体面试题第 1 页，显示第 1–47 题，共找到 47 道完整解析，可继续按分类、标签与关键词缩小范围。
47筛选结果
52技术分类
178检索标签
1索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
第 1 页
本页面试问题
按稳定语义路径排序
- 0001
- 0002
浏览器自动播放策略下，为什么 muted 常能播而带声音失败，如何检测并降级？
围绕“浏览器自动播放策略下，为什么 muted 常能播而带声音失败，如何检测并降级”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖判断时要说明用户激活/媒体参与度和 play() 拒绝处理。
核心关键词自动播放策略 muted play() Promise - 0003
上传超大文件时用 Blob.slice 分片的边界条件是什么？
围绕“上传超大文件时用 Blob.slice 分片的边界条件是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 slice 是惰性视图且 size/type/endings 影响结果。
核心关键词Blob slice 大文件 分片上传 - 0004
Blob.type 为空时能不能根据内容嗅探类型，浏览器给出什么保证？
区分Blob.type的声明来源与真实字节，说明空值下浏览器无内置嗅探能力，演示用FileReader或arrayBuffer读取前几字节识别常见图片音视频签名，以及无法覆盖无签名格式的边界。
核心关键词Blob type MIME 嗅探 浏览器 - 0005
用 requestAnimationFrame 驱动 Canvas 动画时，组件隐藏或卸载要取消什么避免幽灵绘制？
围绕“用 requestAnimationFrame 驱动 Canvas 动画时，组件隐藏或卸载要取消什么避免幽灵绘制”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确句柄保存、标签页可见性与最后一帧状态提交。
核心关键词Canvas requestAnimationFrame cancelAnimationFrame 清理 - 0006
createImageBitmap 相比直接 new Image 解码，在 Canvas 高频绘制中解决什么问题？
围绕“createImageBitmap 相比直接 new Image 解码，在 Canvas 高频绘制中解决什么问题”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖判断时要说明可提前解码、可控制 resize/colorSpace 并便于 Transferable。
核心关键词createImageBitmap Image Canvas 解码 性能 - 0007
Canvas 在高 DPR 屏幕上模糊时，应该怎样按 devicePixelRatio 设置尺寸与变换？
本文解释 Canvas 高 DPR 屏幕模糊的机制：CSS 像素与位图像素分离；给出标准设置方法，强调 ctx.setTransform 复位避免变换叠加，并讨论 resize 与动画中的边界。
核心关键词Canvas devicePixelRatio 模糊 高清屏 - 0008
CanvasRenderingContext2D.filter 能直接替代离线预处理图片滤镜吗，边界是什么？
围绕“CanvasRenderingContext2D.filter 能直接替代离线预处理图片滤镜吗，边界是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答要按支持度、每帧重复求值成本与离屏缓存决策。
核心关键词Canvas filter ctx.filter 兼容性 性能 - 0009
频繁整幅 getImageData/putImageData 的瓶颈在哪里，什么局部策略能降低主线程压力？
围绕“频繁整幅 getImageData/putImageData 的瓶颈在哪里，什么局部策略能降低主线程压力”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕必须定位 GPU 回读与 RGBA 内存拷贝。
核心关键词Canvas getImageData putImageData 性能 像素 - 0010
Canvas 的 globalCompositeOperation 在蒙版、橡皮擦、高亮中应如何选择而不是试错？
围绕“Canvas 的 globalCompositeOperation 在蒙版、橡皮擦、高亮中应如何选择而不是试错”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答要按源/目标 alpha 与颜色混合语义选择模式。
核心关键词Canvas globalCompositeOperation 蒙版 橡皮擦 - 0011
Path2D 适合缓存什么，为什么复杂图形重绘和命中检测会受益？
围绕“Path2D 适合缓存什么，为什么复杂图形重绘和命中检测会受益”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明路径对象可复用并交给 fill/stroke/isPointInPath。
核心关键词Canvas Path2D 缓存 isPointInPath - 0012
CanvasRenderingContext2D.save/restore 滥用为什么会让绘制变慢，应如何界定栈边界？
围绕“CanvasRenderingContext2D.save/restore 滥用为什么会让绘制变慢，应如何界定栈边界”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖判断时要说明保存的是裁剪、变换、样式等大状态且配对成本随嵌套放大。
核心关键词Canvas save restore 状态栈 性能 - 0013
为什么跨域图片画进 Canvas 后 getImageData 会抛错，如何合法解除污染？
围绕“为什么跨域图片画进 Canvas 后 getImageData 会抛错，如何合法解除污染”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖判断时要说明 origin-clean flag 与 crossOrigin 匿名凭证模式。
核心关键词Canvas getImageData tainted CORS 跨域 - 0014
Canvas 文本排版为什么必须依赖 measureText 而不是按字符数估算换行？
围绕“Canvas 文本排版为什么必须依赖 measureText 而不是按字符数估算换行”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确字体度量、字距、方向与 maxWidth 对宽度的影响。
核心关键词Canvas measureText 文本 换行 - 0015
导出画布时 HTMLCanvasElement.toBlob 与 toDataURL 的差异和选型依据是什么？
本题解析HTMLCanvasElement导出的两种API机制差异：二进制Blob与Base64字符串、同步与异步、编码质量参数作用范围，以及大图工程选型与边界。
核心关键词Canvas toBlob toDataURL 导出 差异 - 0016
getContext('2d', { willReadFrequently:true }) 应该在什么读回模式下开启，代价是什么？
围绕“getContext('2d', { willReadFrequently:true }) 应该在什么读回模式下开启”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖判断时要说明该提示偏向 CPU 画布以降低重复读回成本。
核心关键词Canvas willReadFrequently getContext 2d - 0017
navigator.clipboard.readText 读取剪贴板前应如何提示并处理空内容、权限拒绝与格式不符？
围绕“navigator.clipboard.readText 读取剪贴板前应如何提示并处理空内容、权限拒绝与格式不符”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确异步拒绝分支与隐私提示。
核心关键词Clipboard readText 权限 拒绝 空内容 - 0018
navigator.clipboard.writeText 为什么常在非用户激活或权限被拒时失败？
围绕“navigator.clipboard.writeText 为什么常在非用户激活或权限被拒时失败”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖判断时要说明安全上下文、权限与瞬时激活要求。
核心关键词Clipboard API writeText 权限 用户激活 - 0019
用 ClipboardItem 写入 text/html 与 text/plain 时，为什么要同时提供纯文本并清洗 HTML？
围绕“用 ClipboardItem 写入 text/html 与 text/plain 时，为什么要同时提供纯文本并清洗”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖判断时要说明富文本消费者差异与 XSS/样式污染风险。
核心关键词ClipboardItem text/html text/plain 剪贴板 清洗 - 0020
copy/cut/paste 事件里的 event.clipboardData 与 Clipboard API 读写有什么分工和限制？
围绕“copy/cut/paste 事件里的 event.clipboardData 与 Clipboard API 读写”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须区分事件内同步改本次剪贴板与异步权限 API。
核心关键词copy paste 事件 clipboardData Clipboard API - 0021
拖放自定义数据用 setData 自定义 MIME 时，什么信息不该放，跨窗口读取边界是什么？
围绕“拖放自定义数据用 setData 自定义 MIME 时，什么信息不该放，跨窗口读取边界是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖判断时要说明拖放数据受同源/会话与粘贴板语义限制且敏感信息可见。
核心关键词DataTransfer setData 自定义 MIME 拖放 安全 - 0022
DataTransfer.items、files、types 在读取拖入内容时分别解决什么判断？
围绕“DataTransfer.items、files、types 在读取拖入内容时分别解决什么判断”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须区分 kind/type 探测、文件物化与字符串数据。
核心关键词DataTransfer items files types 拖入 文件 - 0023
HTML 拖放中为什么必须阻止 dragover 默认行为，drop 才大概率触发？
围绕“HTML 拖放中为什么必须阻止 dragover 默认行为，drop 才大概率触发”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 drop 目标有效性由 dragover/dragenter 默认允许决定。
核心关键词dragover preventDefault drop 拖放 - 0024
拖放交互里 effectAllowed 与 dropEffect 不一致会造成什么视觉与结果错配？
围绕“拖放交互里 effectAllowed 与 dropEffect 不一致会造成什么视觉与结果错配”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明源端声明能力与目标端实际操作的握手关系。
核心关键词effectAllowed dropEffect 拖放 光标 - 0025
drop 事件拿到 FileList 后，前端应先做哪些尺寸、类型、数量校验再进入解析？
围绕“drop 事件拿到 FileList 后，前端应先做哪些尺寸、类型、数量校验再进入解析”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出 fail-fast 队列与可读错误反馈边界。
核心关键词drop FileList 文件 校验 size type - 0026
enumerateDevices 为什么在授权前 label 为空，拿到流后应如何刷新设备列表？
围绕“enumerateDevices 为什么在授权前 label 为空，拿到流后应如何刷新设备列表”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕必须把标签可见性与活动轨道权限绑定。
核心关键词enumerateDevices label 权限 devicechange - 0027
为什么不能信任 File.name 与 File.lastModified 做唯一键或新鲜度判断？
本文解释为何 File.name 与 File.lastModified 不能用于唯一键或新鲜度判断，通过同名校验和时钟修改场景说明其不可信边界，并给出基于内容哈希和服务器元数据的替代方案。
核心关键词File name lastModified 可信边界 - 0028
File 与 Blob 在浏览器中有什么本质区别，什么时候不能只按 Blob 处理？
本文解释 File 与 Blob 的本质区别：File 是带文件元数据的 Blob 子类。同时说明哪些场景不能只按 Blob 处理——例如需要文件名、最后修改时间或目录相对路径时——并给出判断方法和边界。
核心关键词File 与 Blob 的区别 - 0029
FileReader 的 readAsText、readAsArrayBuffer、readAsDataURL 应如何按消费方式选择？
围绕“FileReader 的 readAsText、readAsArrayBuffer、readAsDataURL 应如”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答要按目标格式、编码与内存代价选型。
核心关键词FileReader readAsArrayBuffer readAsDataURL 选择 - 0030
视频全屏应该请求 video 元素还是容器元素，iOS 行为差异为什么要单列？
围绕“视频全屏应该请求 video 元素还是容器元素，iOS 行为差异为什么要单列”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖判断时要说明元素级全屏 API 与移动端原生控件回退。
核心关键词requestFullscreen video iOS webkitEnterFullscreen - 0031
getDisplayMedia 请求屏幕共享时，audio、surfaceSwitching、preferCurrentTab 等约束应怎样向用户解释？
围绕“getDisplayMedia 请求屏幕共享时，audio、surfaceSwitching、preferCurre”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明屏幕/标签页/窗口音频支持差异与选择器不可完全脚本控制。
核心关键词getDisplayMedia 屏幕共享 audio constraints - 0032
getUserMedia 的 ideal/exact/deviceId 约束怎样设计降级，OverconstrainedError 后如何重试？
围绕“getUserMedia 的 ideal/exact/deviceId 约束怎样设计降级，Overconstrain”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确软硬约束优先级与失败后放松约束策略。
核心关键词getUserMedia 约束降级 OverconstrainedError 重试 - 0033
<input type=file> 的 accept 属性能否当作安全校验，失败体验应怎样兜底？
本文解释 input accept 属性的本质是选择提示而非安全边界，给出其可被绕过的情况。说明如何在前端通过 File.type 和扩展名进行辅助校验，并强调服务端校验的必要性，以及失败时的用户提示和体验兜底。
核心关键词input file accept 属性 校验 - 0034
在选清晰度前用 MediaCapabilities.decodingInfo 判断什么，不能拿它保证什么？
围绕“在选清晰度前用 MediaCapabilities.decodingInfo 判断什么，不能拿它保证什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 supported/smooth/powerEfficient 是估计而非独占资源承诺。
核心关键词MediaCapabilities decodingInfo 解码 能力 - 0035
HTMLMediaElement 的 readyState、canplay、loadeddata、canplaythrough 应分别用来开门什么交互？
围绕“HTMLMediaElement 的 readyState、canplay、loadeddata、canplayth”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕必须把元数据、首帧可播、连续播放估计映射到 UI 门槛。
核心关键词HTMLMediaElement readyState canplay loadeddata - 0036
<video> 的 preload=none/metadata/auto 在移动网络下应如何选择，不能假设什么？
围绕“<video> 的 preload=none/metadata/auto 在移动网络下应如何选择，不能假设什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 preload 是提示且浏览器可忽略。
核心关键词video preload none metadata auto - 0037
拖动 HTMLMediaElement.currentTime 时如何用 buffered 与 seeking/seeked 判断卡顿是否来自未缓冲？
围绕“拖动 HTMLMediaElement.currentTime 时如何用 buffered 与 seeking/se”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 TimeRanges 查询与 seeking 状态机。
核心关键词video 拖动 buffered 判断缓冲卡顿 - 0038
MediaRecorder 选型时如何校验 MIME 支持，start(timeslice) 对 ondataavailable 有什么影响？
围绕“MediaRecorder 选型时如何校验 MIME 支持，start(timeslice) 对 ondataava”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖判断时要说明容器/编码协商与分片触发时机。
核心关键词MediaRecorder isTypeSupported timeslice ondataavailable - 0039
MediaRecorder.stop 后为什么不能立刻用已收 Blob，还要等最后一次 dataavailable？
围绕“MediaRecorder.stop 后为什么不能立刻用已收 Blob，还要等最后一次 dataavailable”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明异步冲刷尾部数据与 onstop 次序。
核心关键词MediaRecorder stop dataavailable Blob - 0040
Media Source Extensions 中向 SourceBuffer appendBuffer 为什么要等待 updateend，乱序追加会怎样？
围绕“Media Source Extensions 中向 SourceBuffer appendBuffer 为什么要等”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖判断时要说明 updating 队列、时间轴连续性与 abort/remove 边界。
核心关键词MSE SourceBuffer appendBuffer 顺序 updateend - 0041
Safari 原生可播 HLS 而其他桌面浏览器常走 MSE 时，播放器封装应如何分流？
围绕“Safari 原生可播 HLS 而其他桌面浏览器常走 MSE 时，播放器封装应如何分流”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕必须用 canPlayType 与 MediaSource.isTypeSupported 双判定。
核心关键词HLS canPlayType MSE 播放器 分流 - 0042
URL.createObjectURL 创建的地址为什么要 revokeObjectURL，泄漏会怎样表现？
本文讲解 object URL 为何会占住 Blob 内存，通过大图预览实例展示未撤销时的累积过程，说明不同页面生命周期下的影响程度，并给出统一的撤销时机与判断方法。
核心关键词createObjectURL revokeObjectURL 内存泄漏 - 0043
OffscreenCanvas 什么时候该转移到 Worker，转移所有权后主线程还能做什么？
围绕“OffscreenCanvas 什么时候该转移到 Worker，转移所有权后主线程还能做什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确长任务渲染移出主线程与 canvas 控制权一次性转移。
核心关键词OffscreenCanvas transferControlToOffscreen Worker - 0044
Permissions API query 摄像头/麦克风状态时，name 支持与 change 事件边界是什么？
围绕“Permissions API query 摄像头/麦克风状态时，name 支持与 change 事件边界是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖判断时要说明权限名支持差异与状态只反映许可不代表设备可用。
核心关键词Permissions API query camera microphone - 0045
setDragImage 自定义拖拽预览图时，图像来源和 offset 设置有哪些坑？
围绕“setDragImage 自定义拖拽预览图时，图像来源和 offset 设置有哪些坑”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确图片需已加载/可见约束与热点坐标语义。
核心关键词setDragImage offset 拖拽预览 - 0046
结束摄像头采集时为什么必须 stop 所有 MediaStreamTrack 而不是只移除 video.srcObject？
围绕“结束摄像头采集时为什么必须 stop 所有 MediaStreamTrack 而不是只移除 video.srcObj”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖判断时要说明轨道停止才释放硬件并触发 ended/inactive 状态。
核心关键词MediaStreamTrack stop srcObject 摄像头 指示灯 - 0047
Web Audio 中 decodeAudioData 得到 AudioBuffer 后，播放采样率与 AudioContext 不一致会怎样？
围绕“Web Audio 中 decodeAudioData 得到 AudioBuffer 后，播放采样率与 AudioC”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确解码重采样到上下文采样率及 buffer 长度映射。
核心关键词Web Audio decodeAudioData AudioBuffer sampleRate