浏览器HTML5 写入文件

最近实现一个设备将实时音频流通过socketio传到浏览器端解码播放的功能，但播放的音频出现了卡顿的现象，于是想得到播放器端解码后的数据与原数据进行对比分析。就学习了Chorme 如何写入文件。

实现基础
HTML 文件操作API
测试环境：chrome

<script type="text/javascript" src="javascripts/FileSaver.min.js" charset="utf-8"></script>

在界面引入一个js （去github上搜索下载FileSaver.js）

var content1 = nowBuffering;
var blob = new Blob([content1], {type: "bin/plain;charset=utf-8"});
saveAs(blob, "playduration-"+fileWriteNum+".pcm");//saveAs(blob,filename)

nowBuffering 为webAudioApi解码后的PCM buffer。也可以直接给string对象，但相应的type类型也要做出修改。
saveAs();实现时就会完成保存功能。
具体语句执行的表现为浏览器下载了一个文件（并不是写入磁盘）

参考链接：
http://blog.csdn.net/zdavb/article/details/50266215

浏览器HTML5 写入文件相关推荐

手机端html5 打开文件,H5关于手机本地系统文件的写入、读取及删除
一.写入文件 //isAppend为true时:追加内容, false时:重新写入 function saveData(news, callback, isAppend) { callback = c ...
html5页面输出语句,使用html5输出文件
在html5中,我们可以使用canvas.toDataURL("类型");这是实际就是把绘制的图片等等保存到打他URL地址指向的数据中,而不是真正的一个物理地址,但是我们可以通过这 ...
浏览器html5/css3兼容性检测的javascript类库 - Modernizr简单介绍
为什么80%的码农都做不了架构师?>>> 日期:2012-4-17 来源:GBin1.com 在线演示本地下载大家是不是在开发设计过程中遇到如下情况?某些浏览器不支持H ...
HTML5 本地文件操作之FileSystemAPI整理（一）
一.请求配额 DeprecatedStorageInfo对象 window.webkitStorageInfo:当使用持久存储模式时需要用到该对象的接口方法: 1.requestQuota(type ...
ecplice中class.forname一直报错_Python怎么把文件内容读取出来，怎么把内容写入文件中
读写文件是最常见的IO操作.Python内置了读写文件的函数. Python open() 方法用于打开一个文件,并返回文件对象,在对文件进行处理过程都需要使用到这个函数,如果该文件无法被打开,会抛出 ...
python读文件和写文件-python开发--从文件中读取数据和写入文件
#! /usr/bin/env python -*- coding:utf-8 -*- """ @Author:gcan @Email:1528667112@qq.com ...
html如何显示上传进度条,HTML5 Ajax文件上传进度条如何显示
这篇文章主要介绍了HTML5 Ajax文件上传进度条是如何显示的,基于原生html5实现,不需要falsh支持,进度可以自定义显示,控制灵活,对HTML5上传进度条感兴趣的小伙伴们可以参考一下原本打 ...
[html] HTML5的文件离线储存怎么使用，工作原理是什么？
[html] HTML5的文件离线储存怎么使用,工作原理是什么? localstorge 利用浏览器的本地存储可以缓存信息 ,在创建数据的时候引入创建好的数据 cookie 好像也可以个人简介我是 ...
java 读取浏览器_JAVA读取文件流,设置浏览器下载或直接预览操作
最近项目需要在浏览器中通过URL预览图片.但发现浏览器始终默认下载,而不是预览.研究了一下,发现了问题: // 设置response的Header,注意这句,如果开启,默认浏览器会进行下载操作,如果注 ...
360极速了浏览器 HTML5的浏览器,360极速浏览器4大HTML5特性领先全球
当前,各大浏览器厂商正紧锣密鼓地加强HTML5性能,HTML5测试分数也不断创新高,目前360极速浏览器,以469分的成绩问鼎全球第一. 360极速浏览器下载地址:软件名称: 360极速浏览器软件版 ...

浏览器HTML5 写入文件

浏览器HTML5 写入文件相关推荐

最新文章

热门文章