首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >HTML5中的音频数据流

HTML5中的音频数据流
EN

Stack Overflow用户
提问于 2011-07-06 08:46:19
回答 2查看 18.6K关注 0票数 17

我正在从服务器接收小块的PCM音频数据,并将它们存储在一个数组中。现在,我想使用一些HTML5功能按顺序播放这些音频块,没有间隙。我认为“可能”的解决方案有两个:

Data URI

  1. HTML5音频标签

当我研究这些选项时,请向我推荐任何其他选项或对我正在考虑的两个选项的看法。虽然跨平台解决方案将是最好的,但我可以满足于Chrome唯一的解决方案,因为

EN

回答 2

Stack Overflow用户

发布于 2011-08-28 01:50:40

安排音频是Web audio API的设计目标。如果您将解码的PCM音频块作为类型化数组(AUDIO_CHUNKS),则可以使用noteOn()为每个块创建音频缓冲区,并在准确的时间(一个接一个)调度它们。类似于:

代码语言:javascript
运行
AI代码解释
复制
var startTime = 0;

for (var i = 0, audioChunk; audioChunk = AUDIO_CHUNKS[i]; ++i) {
  // Create/set audio buffer for each chunk
  var audioBuffer = audioCtx.createBuffer(NUM_CHANNELS, NUM_SAMPLES, SAMPLE_RATE);
  audioBuffer.getChannelData(0).set(audioChunk);

  var source = audioCtx.createBufferSource();
  source.buffer = audioBuffer;
  source.noteOn(startTime);
  source.connect(audioCtx.destination);

  startTime += audioBuffer.duration;
}
票数 20
EN

Stack Overflow用户

发布于 2011-08-05 11:49:31

选项1可能不起作用,因为音频标签不能播放原始音频数据(我假设这就是您所说的PCM音频数据,或者我错了?)。每个浏览器都需要特定的编解码器。在音频标签的顶部播放没有间隙的东西是完全不可靠的。

选项2可能行得通。web音频api包含的缓冲区可能会填充原始数据并播放,但我从未尝试过这样做。现在最大的缺点是: a.只有Chrome;b.用户需要通过输入about:flag来配置chrome,并启用Web Audio,这可能会让一些人感到害怕。

第三种选择是音频数据API,这是一种折衷方案。我自己从来没有试过,但从规格来看,它看起来就是你想要的。我不知道如何实现,所以你必须自己做一些研究:) https://wiki.mozilla.org/Audio_Data_API#Writing_Audio

请不要因为我在脑海中给出了这些答案,而且我对HTML5音频还很陌生。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6593738

复制
相关文章
cdn+cos,1+1>2!
所以从流量的费用上来计算,最理想的状态(cdn缓存住所有数据,cos数据不进行更新),每GB可以节省0.29元。 当然,这只是极特殊情况;那么看下最坏的情况,cdn侧数据完全不缓存,通过cdn分发cos侧数据流量费用为:0.21(cdn访问流量)+0.15(cdn回源cos流量)=0.36元/GB,每GB也要节省0.14元。
杜志强
2020/10/28
1.8K0
cdn+cos,1+1>2!
如何使用 S3CMD 访问 COS 服务
S3cmd 是免费的命令行工具和客户端,用于在 Amazon S3 和其他兼容 S3 协议的对象存储中上传、下载和管理数据。本文主要介绍如何使用 S3cmd 访问 COS 上的文件。
吴硕卫
2020/10/25
2.7K0
如何使用 S3CMD 访问 COS 服务
作者简介 吴硕卫:腾讯云技术支持工程师,现负责腾讯云存储产品的技术支持专项工作。 S3cmd 是免费的命令行工具和客户端,用于在 Amazon S3 和其他兼容 S3 协议的对象存储中上传、下载和管理数据。本文主要介绍如何使用 S3cmd 访问 COS 上的文件。 准备工作 您已注册腾讯云账号,并且从访问管理控制台上获取了腾讯云密钥 SecretID 与 SecretKey。 一、使用环境 1、软件依赖 Python 2.6+/3+ 最新版本的 pip 2、安装及配置 环境安装与配置详细操作请参见 P
云存储
2020/07/31
2.2K0
如何使用图片压缩降低COS流量成本?
 导语 本文将介绍如何通过【图片压缩】能力,让您降本增效的使用 COS ,文章将写得浅显易懂,旨在快速带领用户了解图片压缩的用法及带来的收益。  图片压缩为什么会让您降本增效? 随着互联网业务量的不断
云存储
2023/03/29
1.6K0
如何使用图片压缩降低COS流量成本?
如何使用 S3CMD 访问 COS 服务
S3cmd 是免费的命令行工具和客户端,用于在 Amazon S3 和其他兼容 S3 协议的对象存储中上传、下载和管理数据。本文主要介绍如何使用 S3cmd 访问 COS 上的文件。
吴硕卫
2020/04/13
2.6K0
如何使用 S3CMD 访问 COS 服务
S3cmd 是免费的命令行工具和客户端,用于在 Amazon S3 和其他兼容 S3 协议的对象存储中上传、下载和管理数据。本文主要介绍如何使用 S3cmd 访问 COS 上的文件。
吴硕卫
2020/04/13
4.3K0
如何优雅地使用腾讯云COS-.NET篇
代码下载地址 https://github.com/whuanle/txypx20190809
痴者工良
2019/08/09
3.5K11
如何使用对象存储 COS ?七个步骤,帮你搞定!
腾讯云对象存储 COS(Cloud Object Storage,COS)是由腾讯云推出的无目录层次结构、无数据格式限制,可容纳海量数据且支持 HTTP/HTTPS 协议访问的分布式存储服务,用户可通过网络随时存储和查看数据。同时为用户提供了高数据持久性、高可用性、高性能的对象存储服务。
云存储
2022/02/25
8.8K0
如何使用对象存储 COS ?七个步骤,帮你搞定!
如何使用对象存储 COS ?七个步骤,帮你搞定!
导语:本文将介绍新手如何使用对象存储 COS,主要面向小白用户,旨在快速带领用户了解 COS 的优势、功能、费用、接口及控制台指南。 01 什么是对象存储 腾讯云对象存储 COS(Cloud Object Storage,COS)是由腾讯云推出的无目录层次结构、无数据格式限制,可容纳海量数据且支持 HTTP/HTTPS 协议访问的分布式存储服务,用户可通过网络随时存储和查看数据。同时为用户提供了高数据持久性、高可用性、高性能的对象存储服务。 1.1 产品优势 稳定持久:提供数据跨多架构、多设备冗余存储,为用
云存储
2022/03/03
2.2K0
腾讯COS存储的使用
对象存储(Cloud Object Storage,COS)是腾讯云提供的一种存储海量文件的分布式存储服务,用户可通过网络随时存储和查看数据。腾讯云 COS 使所有用户都能使用具备高扩展性、低成本、可靠和安全的数据存储服务。
ha_lydms
2023/08/09
1.4K0
腾讯COS存储的使用
如何通过 cos 托管静态网站
近期发现腾讯云的COS服务竟然支持部署静态网站了,故写本文记录分享最新版COS部署静态网站过程。
区城轩
2018/10/18
13.4K6
如何通过 cos 托管静态网站
如何通过 cos 托管静态网站
对象存储(Cloud Object Storage,简称:COS)是腾讯云提供的面向非结构化数据,支持 HTTP/HTTPS 协议访问的分布式存储服务,它能容纳海量数据并保证用户对带宽和容量扩充无感知,可以作为大数据计算与分析的数据池。腾讯云 COS 提供网页端管理界面、多种语言的 SDK 以及命令行和图形化工具,并且完全兼容 S3 的 API 接口,方便用户直接使用社区工具和插件,COS 还可以和其他云产品结合,比如利用 CDN 的全球节点提供加速服务,利用数据万象的图片处理能力提供一站式图片解决方案等。
用户3712604
2018/10/26
10.1K2
如何通过 cos 托管静态网站
【2021腾讯广告算法大赛】如何使用 COS 提交大赛结果
对象存储 COS 是腾讯云的分布式存储服务,应用于 TI-ONE 的各个环节,包括训练数据、中间结果数据和模型文件的存放与读取等,您需要创建 COS 存储桶以存放训练数据与训练结果。
腾讯云TI平台
2021/03/31
2.6K0
使用腾讯云COS官方工具快速将本地数据迁移至COS
腾讯云COS提供了多种同步迁移工具,如COSCMD、COS Migration和COSBrowser客户端等
沈唁
2020/06/12
3.4K0
使用腾讯云COS官方工具快速将本地数据迁移至COS
使用腾讯云 COS 官方工具快速将本地数据迁移至 COS
腾讯云 COS 提供了多种同步迁移工具,如 COSCMD、COS Migration 和 COSBrowser 客户端等。
沈唁
2022/11/14
2.6K0
Discuz如何存储远程附件到COS
本文介绍如何基于Discuz论坛存储远程附件。包括Discuz论坛初始化搭建和远程附件配置指引。
杜志强
2019/12/20
1.9K0
Discuz如何存储远程附件到COS
使用腾讯云 COS 官方工具快速将本地数据迁移至 COS
本文主要介绍如何使用 COS 迁移工具将本地数据迁移至 COS,同时带来最新的生态活动,快来看看吧~ 腾讯云 COS 提供了多种同步迁移工具,如 COSCMD、COS Migration 和 COSBrowser 客户端等。 COS 提供的工具还都支持 Windows、Linux 和 macOS 系统,所以我们可以根据不同的环境可以选择适合的迁移工具。如果想操作图形界面,可以使用COSBrowser(https://cloud.tencent.com/document/product/436/11366)。
云存储
2022/08/26
1.6K0
使用腾讯云 COS 官方工具快速将本地数据迁移至 COS
EMR Druid 使用S3协议使用COS
在 common.runtime.properties中的 druid.extensions.loadList 中添加 "druid-s3-extensions" 。最终如下
王旭平
2022/12/05
2K1
WordPress如何使用腾讯云对象存储COS存储媒体库附件
这篇文章来介绍一下通过使用插件实现将 WordPress 的媒体库附件存储在腾讯云 COS 上。
沈唁
2023/09/25
9982
点击加载更多

相似问题

cos如何使用?

3361

腾讯云cos如何使用?

3816

请问COS如何使用url上传?

31.4K

使用cos对象存储?

0305
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文