gf771115

HTML5网页录音和压缩

转自：http://www.it165.net/design/html/201406/2651.html

宣传一下自己的qq群:5946699 (暗号:C#交流) 欢迎喜欢C#,热爱C#,正在学习C#,准备学习C#的朋友来这里互相学习交流,共同进步

群刚建,人不多,但是都是真正热爱C#的我也是热爱C#的希望大家可以一起交流,共同进步

最近公司需要用到web录音的功能

本人接手了这个任务

在网上找了一些资料

http://www.jsjtt.com/webkaifa/html5/2013-08-28/34.html

http://javascript.ruanyifeng.com/bom/webrtc.html

讲的都差不多

也就是怎么使用 getUserMedia

下载来的栗子也比较简单,可以直接运行

问题1:怎么上传

栗子中最后返回的是Blob数据

view source print ?

1. return new Blob([dataview], { type: type })

因为对html5不熟,所以又查了一些数据

原来HTML5中使用FormData这个对象好方便

view source print ?

1. var fd = new FormData();

2. fd.append('audioData', blob);

3. var xhr = new XMLHttpRequest();

4. xhr.open('POST', url);

5. xhr.send(fd);

在C#服务器端如下代码就可以接收了

view source print ?

1. public void ProcessRequest(HttpContext context)

2. {

3. if (context.Request.Files.Count > 0)

4. {

5. context.Request.Files[0].SaveAs('d:\1.wav');

6. }

7. }

问题2:文件体积太大

是的,使用上面的栗子,直接录音保存后基本上2秒就需要400K,一段20秒的录音就达到了的4M

这样的数据根本无法使用,必须想办法压缩数据

我开始尝试读每一段代码

view source print ?

01. function encodeWAV(samples){

02. var buffer = new ArrayBuffer(44 + samples.length * 2);

03. var view = new DataView(buffer);

04.

05. /* RIFF identifier */

06. writeString(view, 0, 'RIFF');

07. /* file length */

08. view.setUint32(4, 32 + samples.length * 2, true);

09. /* RIFF type */

10. writeString(view, 8, 'WAVE');

11. /* format chunk identifier */

12. writeString(view, 12, 'fmt ');

13. /* format chunk length */

14. view.setUint32(16, 16, true);

15. /* sample format (raw) */

16. view.setUint16(20, 1, true);

17. /* channel count */

18. view.setUint16(22, 2, true);

19. /* sample rate */

20. view.setUint32(24, sampleRate, true);

21. /* byte rate (sample rate * block align) */

22. view.setUint32(28, sampleRate * 4, true);

23. /* block align (channel count * bytes per sample) */

24. view.setUint16(32, 4, true);

25. /* bits per sample */

26. view.setUint16(34, 16, true);

27. /* data chunk identifier */

28. writeString(view, 36, 'data');

29. /* data chunk length */

30. view.setUint32(40, samples.length * 2, true);

31.

32. floatTo16BitPCM(view, 44, samples);

33.

34. return view;

35. }

上面的代码,就是把字节数据格式化成wav的格式的过程

所以我又去查了wav的头文件

要压缩,就要从上面三个红圈的地方入手

最简单的就是把双声道改成单声道的,

在录音的时候只需要记录一个声道就可以了

view source print ?

01. // 创建声音的缓存节点，createJavaScriptNode方法的

02. // 第二个和第三个参数指的是输入和输出都是双声道。

03. //recorder = context.createJavaScriptNode(bufferSize, 2, 2);

04. recorder = context.createJavaScriptNode(bufferSize, 1, 1);//这里改成1

05.

06. this.node.onaudioprocess = function(e){

07. if (!recording) return;

08. worker.postMessage({

09. command: 'record',

10. buffer: [

11. e.inputBuffer.getChannelData(0)//,

12. //e.inputBuffer.getChannelData(1)// 这里只需要保存一个

13. ]

14. });

15. }

16.

17. function exportWAV(type){

18. var bufferL = mergeBuffers(recBuffersL, recLength);

19. //var bufferR = mergeBuffers(recBuffersR, recLength);

20. var interleaved = interleave(bufferL);//, bufferR); //合并数据的时候去到对右声道的处理

21. var dataview = encodeWAV(interleaved);

22. var audioBlob = new Blob([dataview], { type: type });

23.

24. this.postMessage(audioBlob);

25. }

26.

27. function interleave(inputL){//, inputR){//混合声道的时候去掉对右声道的处理

28. var length = inputL.length ;//+ inputR.length;

29. var result = new Float32Array(length);

30.

31. var index = 0,

32. inputIndex = 0;

33.

34. while (index < length){

35. result[index++] = inputL[inputIndex];

36. //result[index++] = inputR[inputIndex];

37. inputIndex++;

38. }

39. return result;

40. }

然后修改一下注释,我不喜欢英文的....

view source print ?

01. function encodeWAV(samples) {

02. var dataLength = samples.length * 2;

03. var buffer = new ArrayBuffer(44 + dataLength);

04. var view = new DataView(buffer);

05.

06. var sampleRateTmp = sampleRate;

07. var sampleBits = 16;

08. var channelCount = 1;

09. var offset = 0;

10. /* 资源交换文件标识符 */

11. writeString(view, offset, 'RIFF'); offset += 4;

12. /* 下个地址开始到文件尾总字节数,即文件大小-8 */

13. view.setUint32(offset, /*32这里地方栗子中的值错了,但是不知道为什么依然可以运行成功*/ 36 + dataLength, true); offset += 4;

14. /* WAV文件标志 */

15. writeString(view, offset, 'WAVE'); offset += 4;

16. /* 波形格式标志 */

17. writeString(view, offset, 'fmt '); offset += 4;

18. /* 过滤字节,一般为 0x10 = 16 */

19. view.setUint32(offset, 16, true); offset += 4;

20. /* 格式类别 (PCM形式采样数据) */

21. view.setUint16(offset, 1, true); offset += 2;

22. /* 通道数 */

23. view.setUint16(offset, channelCount, true); offset += 2;

24. /* 采样率,每秒样本数,表示每个通道的播放速度 */

25. view.setUint32(offset, sampleRateTmp, true); offset += 4;

26. /* 波形数据传输率 (每秒平均字节数) 通道数×每秒数据位数×每样本数据位/8 */

27. view.setUint32(offset, sampleRateTmp * channelCount * (sampleBits / 8), true); offset +=4;

28. /* 快数据调整数采样一次占用字节数通道数×每样本的数据位数/8 */

29. view.setUint16(offset, channelCount * (sampleBits / 8), true); offset += 2;

30. /* 每样本数据位数 */

31. view.setUint16(offset, sampleBits, true); offset += 2;

32. /* 数据标识符 */

33. writeString(view, offset, 'data'); offset += 4;

34. /* 采样数据总数,即数据总大小-44 */

35. view.setUint32(offset, dataLength, true); offset += 4;

36. /* 采样数据 */

37. floatTo16BitPCM(view, 44, samples);

38.

39. return view;

40. }

一旦把双声道变为单声道,数据直接缩小一半了

但是还不够

继续缩小体积

除了声道以外,还有一个可以缩减的地方就是采样位数默认是16位的,我们改成8位又可以减少一半了

view source print ?

01. function encodeWAV(samples) {

02. var sampleBits = 8;//16;//这里改成8位

03. var dataLength = samples.length * (sampleBits / 8);

04. var buffer = new ArrayBuffer(44 + dataLength);

05. var view = new DataView(buffer);

06.

07. var sampleRateTmp = sampleRate;

08.

09. var channelCount = 1;

10. var offset = 0;

11. /* 资源交换文件标识符 */

12. writeString(view, offset, 'RIFF'); offset += 4;

13. /* 下个地址开始到文件尾总字节数,即文件大小-8 */

14. view.setUint32(offset, /*32这里地方栗子中的值错了,但是不知道为什么依然可以运行成功*/ 36 + dataLength, true); offset += 4;

15. /* WAV文件标志 */

16. writeString(view, offset, 'WAVE'); offset += 4;

17. /* 波形格式标志 */

18. writeString(view, offset, 'fmt '); offset += 4;

19. /* 过滤字节,一般为 0x10 = 16 */

20. view.setUint32(offset, 16, true); offset += 4;

21. /* 格式类别 (PCM形式采样数据) */

22. view.setUint16(offset, 1, true); offset += 2;

23. /* 通道数 */

24. view.setUint16(offset, channelCount, true); offset += 2;

25. /* 采样率,每秒样本数,表示每个通道的播放速度 */

26. view.setUint32(offset, sampleRateTmp, true); offset += 4;

27. /* 波形数据传输率 (每秒平均字节数) 通道数×每秒数据位数×每样本数据位/8 */

28. view.setUint32(offset, sampleRateTmp * channelCount * (sampleBits / 8), true); offset +=4;

29. /* 快数据调整数采样一次占用字节数通道数×每样本的数据位数/8 */

30. view.setUint16(offset, channelCount * (sampleBits / 8), true); offset += 2;

31. /* 每样本数据位数 */

32. view.setUint16(offset, sampleBits, true); offset += 2;

33. /* 数据标识符 */

34. writeString(view, offset, 'data'); offset += 4;

35. /* 采样数据总数,即数据总大小-44 */

36. view.setUint32(offset, dataLength, true); offset += 4;

37. /* 采样数据 */

38. //floatTo16BitPCM(view, 44, samples);

39. floatTo8BitPCM(view, 44, samples);//这里改为写入8位的数据

40. return view;

41. }

8和16的取值范围不一样

对比一下To8和To16的方法

这里方法是我自己猜的,如果不对还望指出~~~

view source print ?

01. function floatTo16BitPCM(output, offset, input) {

02. for (var i = 0; i < input.length; i++, offset += 2) {   //因为是int16所以占2个字节,所以偏移量是+2

03. var s = Math.max(-1, Math.min(1, input[i]));

04. output.setInt16(offset, s < 0 ? s * 0x8000 : s * 0x7FFF, true);

05. }

06. }

07.

08.

09. function floatTo8BitPCM(output, offset, input) {

10. for (var i = 0; i < input.length; i++, offset++) {    //这里只能加1了

11. var s = Math.max(-1, Math.min(1, input[i]));

12. var val = s < 0 ? s * 0x8000 : s * 0x7FFF;

13. val = parseInt(255 / (65535 / (val + 32768)));     //这里有一个转换的代码,这个是我个人猜测的,就是按比例转换

14. output.setInt8(offset, val, true);

15. }

16. }

怀着忐忑的心情,启动网页...居然听的到声音~居然成功了!!!

经过这样之后又减少了一半大小

最后就是这个采样率了

网页中录音组件的采样率是44100 不知道在哪里改,查询了一些资料,未果...

所以又自己猜测了,是不是我把已经缓存的时候按照比例抛弃一些就可以模拟减少采样率的操作呢?

比如现在已经缓存的数据大小是40960 是不是我直接间隔一位抛弃一次数据,将数据大小变成20480 就可以算是采样率变成22050了呢?

同理,要编程11025只要再抛弃一半的数据?

所以我又做了如下修改

view source print ?

01. function interleave(inputL, inputR) {

02. var compression = 44100 / 11025;    //计算压缩率

03. var length = inputL.length / compression;

04. var result = new Float32Array(length);

05.

06. var index = 0,

07. inputIndex = 0;

08.

09. while (index < length) {

10. result[index] = inputL[inputIndex];

11. inputIndex += compression;//每次都跳过3个数据

12. index++;

13. }

14. return result;

15. }

16.

17.

18. function encodeWAV(samples) {

19. var dataLength = samples.length;

20. var buffer = new ArrayBuffer(44 + dataLength);

21. var view = new DataView(buffer);

22.

23. var sampleRateTmp = 11025 ;//sampleRate;//写入新的采样率

24. var sampleBits = 8;

25. var channelCount = 1;

26. var offset = 0;

27. /* 资源交换文件标识符 */

28. writeString(view, offset, 'RIFF'); offset += 4;

29. /* 下个地址开始到文件尾总字节数,即文件大小-8 */

30. view.setUint32(offset, /*32*/ 36 + dataLength, true); offset += 4;

31. /* WAV文件标志 */

32. writeString(view, offset, 'WAVE'); offset += 4;

33. /* 波形格式标志 */

34. writeString(view, offset, 'fmt '); offset += 4;

35. /* 过滤字节,一般为 0x10 = 16 */

36. view.setUint32(offset, 16, true); offset += 4;

37. /* 格式类别 (PCM形式采样数据) */

38. view.setUint16(offset, 1, true); offset += 2;

39. /* 通道数 */

40. view.setUint16(offset, channelCount, true); offset += 2;

41. /* 采样率,每秒样本数,表示每个通道的播放速度 */

42. view.setUint32(offset, sampleRateTmp, true); offset += 4;

43. /* 波形数据传输率 (每秒平均字节数) 通道数×每秒数据位数×每样本数据位/8 */

44. view.setUint32(offset, sampleRateTmp * channelCount * (sampleBits / 8), true); offset +=4;

45. /* 快数据调整数采样一次占用字节数通道数×每样本的数据位数/8 */

46. view.setUint16(offset, channelCount * (sampleBits / 8), true); offset += 2;

47. /* 每样本数据位数 */

48. view.setUint16(offset, sampleBits, true); offset += 2;

49. /* 数据标识符 */

50. writeString(view, offset, 'data'); offset += 4;

51. /* 采样数据总数,即数据总大小-44 */

52. view.setUint32(offset, dataLength, true); offset += 4;

53. /* 采样数据 */

54. floatTo16BitPCM(view, 44, samples);

55.

56. return view;

57. }

再次怀着忐忑的心情,启动网页...居然听的到声音~居然又成功了

最后把之前的代码整理封装一下

view source print ?

001. (function (window) {

002. //兼容

003. window.URL = window.URL || window.webkitURL;

004. navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;

005.

006. var HZRecorder = function (stream, config) {

007. config = config || {};

008. config.sampleBits = config.sampleBits || 8;      //采样数位 8, 16

009. config.sampleRate = config.sampleRate || (44100 / 6);   //采样率(1/6 44100)

010.

011. var context = new webkitAudioContext();

012. var audioInput = context.createMediaStreamSource(stream);

013. var recorder = context.createJavaScriptNode(4096, 1, 1);

014.

015. var audioData = {

016. size: 0          //录音文件长度

017. , buffer: []     //录音缓存

018. , inputSampleRate: context.sampleRate    //输入采样率

019. , inputSampleBits: 16       //输入采样数位 8, 16

020. , outputSampleRate: config.sampleRate    //输出采样率

021. , oututSampleBits: config.sampleBits       //输出采样数位 8, 16

022. , input: function (data) {

023. this.buffer.push(new Float32Array(data));

024. this.size += data.length;

025. }

026. , compress: function () { //合并压缩

027. //合并

028. var data = new Float32Array(this.size);

029. var offset = 0;

030. for (var i = 0; i < this.buffer.length; i++) {

031. data.set(this.buffer[i], offset);

032. offset += this.buffer[i].length;

033. }

034. //压缩

035. var compression = parseInt(this.inputSampleRate / this.outputSampleRate);

036. var length = data.length / compression;

037. var result = new Float32Array(length);

038. var index = 0, j = 0;

039. while (index < length) {

040. result[index] = data[j];

041. j += compression;

042. index++;

043. }

044. return result;

045. }

046. , encodeWAV: function () {

047. var sampleRate = Math.min(this.inputSampleRate, this.outputSampleRate);

048. var sampleBits = Math.min(this.inputSampleBits, this.oututSampleBits);

049. var bytes = this.compress();

050. var dataLength = bytes.length * (sampleBits / 8);

051. var buffer = new ArrayBuffer(44 + dataLength);

052. var data = new DataView(buffer);

053.

054. var channelCount = 1;//单声道

055. var offset = 0;

056.

057. var writeString = function (str) {

058. for (var i = 0; i < str.length; i++) {

059. data.setUint8(offset + i, str.charCodeAt(i));

060. }

061. }

062.

063. // 资源交换文件标识符

064. writeString('RIFF'); offset += 4;

065. // 下个地址开始到文件尾总字节数,即文件大小-8

066. data.setUint32(offset, 36 + dataLength, true); offset += 4;

067. // WAV文件标志

068. writeString('WAVE'); offset += 4;

069. // 波形格式标志

070. writeString('fmt '); offset += 4;

071. // 过滤字节,一般为 0x10 = 16

072. data.setUint32(offset, 16, true); offset += 4;

073. // 格式类别 (PCM形式采样数据)

074. data.setUint16(offset, 1, true); offset += 2;

075. // 通道数

076. data.setUint16(offset, channelCount, true); offset += 2;

077. // 采样率,每秒样本数,表示每个通道的播放速度

078. data.setUint32(offset, sampleRate, true); offset += 4;

079. // 波形数据传输率 (每秒平均字节数) 单声道×每秒数据位数×每样本数据位/8

080. data.setUint32(offset, channelCount * sampleRate * (sampleBits / 8), true); offset += 4;

081. // 快数据调整数采样一次占用字节数单声道×每样本的数据位数/8

082. data.setUint16(offset, channelCount * (sampleBits / 8), true); offset += 2;

083. // 每样本数据位数

084. data.setUint16(offset, sampleBits, true); offset += 2;

085. // 数据标识符

086. writeString('data'); offset += 4;

087. // 采样数据总数,即数据总大小-44

088. data.setUint32(offset, dataLength, true); offset += 4;

089. // 写入采样数据

090. if (sampleBits === 8) {

091. for (var i = 0; i < bytes.length; i++, offset++) {

092. var s = Math.max(-1, Math.min(1, bytes[i]));

093. var val = s < 0 ? s * 0x8000 : s * 0x7FFF;

094. val = parseInt(255 / (65535 / (val + 32768)));

095. data.setInt8(offset, val, true);

096. }

097. } else {

098. for (var i = 0; i < bytes.length; i++, offset += 2) {

099. var s = Math.max(-1, Math.min(1, bytes[i]));

100. data.setInt16(offset, s < 0 ? s * 0x8000 : s * 0x7FFF, true);

101. }

102. }

103.

104. return new Blob([data], { type: 'audio/wav' });

105. }

106. };

107.

108. //开始录音

109. this.start = function () {

110. audioInput.connect(recorder);

111. recorder.connect(context.destination);

112. }

113.

114. //停止

115. this.stop = function () {

116. recorder.disconnect();

117. }

118.

119. //获取音频文件

120. this.getBlob = function () {

121. this.stop();

122. return audioData.encodeWAV();

123. }

124.

125. //回放

126. this.play = function (audio) {

127. audio.src = window.URL.createObjectURL(this.getBlob());

128. }

129.

130. //上传

131. this.upload = function (url, callback) {

132. var fd = new FormData();

133. fd.append('audioData', this.getBlob());

134. var xhr = new XMLHttpRequest();

135. if (callback) {

136. xhr.upload.addEventListener('progress', function (e) {

137. callback('uploading', e);

138. }, false);

139. xhr.addEventListener('load', function (e) {

140. callback('ok', e);

141. }, false);

142. xhr.addEventListener('error', function (e) {

143. callback('error', e);

144. }, false);

145. xhr.addEventListener('abort', function (e) {

146. callback('cancel', e);

147. }, false);

148. }

149. xhr.open('POST', url);

150. xhr.send(fd);

151. }

152.

153. //音频采集

154. recorder.onaudioprocess = function (e) {

155. audioData.input(e.inputBuffer.getChannelData(0));

156. //record(e.inputBuffer.getChannelData(0));

157. }

158.

159. };

160. //抛出异常

161. HZRecorder.throwError = function (message) {

162. alert(message);

163. throw new function () { this.toString = function () { return message; } }

164. }

165. //是否支持录音

166. HZRecorder.canRecording = (navigator.getUserMedia != null);

167. //获取录音机

168. HZRecorder.get = function (callback, config) {

169. if (callback) {

170. if (navigator.getUserMedia) {

171. navigator.getUserMedia(

172. { audio: true } //只启用音频

173. , function (stream) {

174. var rec = new HZRecorder(stream, config);

175. callback(rec);

176. }

177. , function (error) {

178. switch (error.code || error.name) {

179. case 'PERMISSION_DENIED':

180. case 'PermissionDeniedError':

181. HZRecorder.throwError('用户拒绝提供信息。');

182. break;

183. case 'NOT_SUPPORTED_ERROR':

184. case 'NotSupportedError':

185. HZRecorder.throwError('浏览器不支持硬件设备。');

186. break;

187. case 'MANDATORY_UNSATISFIED_ERROR':

188. case 'MandatoryUnsatisfiedError':

189. HZRecorder.throwError('无法发现指定的硬件设备。');

190. break;

191. default:

192. HZRecorder.throwError('无法打开麦克风。异常信息:' + (error.code || error.name));

193. break;

194. }

195. });

196. } else {

197. HZRecorder.throwErr('当前浏览器不支持录音功能。'); return;

198. }

199. }

200. }

201.

202. window.HZRecorder = HZRecorder;

203.

204. })(window);

js

view source print ?

01.

02. 'http://www.w3.org/1999/xhtml'>
03. 04. 'Content-Type' content='text/html; charset=utf-8' /> 05. 06. 07. 08. 09. 10. 'startRecording()' type='button' value='录音' /> 11. 'stopRecording()' type='button' value='停止' /> 12. 'playRecording()' type='button' value='播放' /> 13. 'uploadAudio()' type='button' value='提交' /> 14. 15. 16. 17. 18. 19.


    
        你可能感兴趣的:(HTML5)
        
            
                
                    DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理
                        STU学生网页设计
网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
                        ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
                    
                    关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript
                        二挡起步
web前端期末大作业javascripthtmlcss旅游风景
                        ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
                    
                    HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动
                        二挡起步
web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
                        Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
                    
                    h5小游戏定制开发
                        红匣子实力推荐

                        随着科技的不断发展，移动互联网已经成为人们生活中不可或缺的一部分。在这个背景下，H5小游戏应运而生，为人们带来了丰富的娱乐体验。H5小游戏定制开发作为一种新兴的游戏开发方式，正逐渐受到市场的关注和青睐。那么，什么是H5小游戏定制开发呢？它又具有哪些特点和优势呢？让我们一起来深入了解一下。首先，我们来了解一下H5小游戏的基本概念。H5小游戏是一种基于HTML5技术的游戏，可以在移动端、PC端等多平台
                    
                    HTML5概述
                        WFIT~SKY
Web前端html5前端html
                        1.HTML概述1.1HTML定义HTML超文本标记语言，其中超文本是链接，标记也叫标签（即带尖括号的文本）。1.2HTML基本骨架HTML基本骨架是网页模板。网页的标题网页的内容html：整个网页head：网页头部，存放给浏览器看的代码，例如CSSbody：网页主体，存放给用户看的代码，例如文字、图片title：网页标题1.3HTML关系父子关系（嵌套）兄弟关系（并列）2.HTML开发环境2.1
                    
                    HTML添加文字
                        若无心_.
HTMLhtml5
                        一、创建HTML5文档基本标签//定义文档类型//定义HTML文档//定义关于文档的信息文档标题//定义文档的标题//定义文档的字符编码//定义文档的主体二、文字相关标签1.标题文字-标签可定义标题。定义最大的标题。定义最小的标题。Document这是标题1这是标题2这是标题3这是标题4这是标题5这是标题62.文本段落Document这次会晤的主题是“金砖国家在非洲：在第四次工业革命中共谋包容增长
                    
                    【拖拽】自定义拖拽图标
                        风露_

                        一、知识点设置被拖拽的元素draggable为true(HTML5新特性)关键方法：voiddataTransfer.setDragImage(img,xOffset,yOffset);注意点：Note:Ifthe[Element]isanexisting[HTMLElement],itneedstobevisibleintheviewportinordertobeshownasadragfeed
                    
                    Cocos2d、Cocos2dx、Cocos Creator、Cocos Studio的区别
                        Thomas游戏圈

                        一、Cocos2d和Cocos2dx的区别【开发语言】：Cocos2d是Object-C写的，Cocos2dx是C++写的，支持使用C++、Lua或Java进行开发。【运行平台】：Cocos2d只能在IOS下运行，Cocos2dx是跨平台的，适配iOS、Android、HTML5、Windows和Mac系统，功能侧重于原生移动平台。点击链接加入群聊【Unity/Cocos交流群】【国籍】：Coco
                    
                    web前端达到什么水平，才能找到工作？
                        cj瑾瑜
前端htmljavascriptcsscss3
                        一、前端是什么？前端即网站前台部分，也叫前端开发，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验。（核心技术：HTML、CSS、JavaScript）核心技术是前端开发中最基本也是最必须的三个技能。前端的开发中，在页面的布局时，HTML将元素进行定义
                    
                    HTML5（六）canvas 矩形、路径、画板功能
                        祝名

                        一.绘制矩形1.什么是canvascanvas标签相当于一个画板；canvas的宽高不要用css去定义，直接在标签中用属性写；2.obj=c.getContext('2d');获得2d绘画环境（相当于铺了一层画布）绘画图像的操作都会在obj这个绘画环境中存储；3.绘画方法及样式x,y为坐标样例：二.canvas路径1.方法2.样例cv.lineJoin='round';//边界类型为弧形三.画板功
                    
                    HTML5中的数据存储sessionStorage、localStorage
                        阿立聊代码
HTML实战html5前端html
                        第8章HTML5中的数据存储之前通常使用Cookie存储机制将数据保存在用户的客户端。H5增加了两种全新的数据存储方式：WebStroage和WebSQLDatabase.前者用于临时或永久保存客户端少量数据，后者是客户端本地化的一套数据库系统。8.1WebStorage存储简介WebStorageAPI分为会话数据和长期数据，相应的API分为两类：sessionStorage(保存会话数据)lo
                    
                    html5carousel图片轮播,全面解析Bootstrap中Carousel轮播的使用方法
                        RemusrickCat

                        本文实例为大家全面的解析了Bootstrap中Carousel的使用方法，供大家参考，具体内容如下源码文件：Carousel.scssCarousel.js实现原理：隐藏所有要显示的元素，然后指定当前要显示的为block，宽、高自适应源码分析：1、Html结构：主要分为以四个部分1.1、容器：最外层div，需要一个data-ride=”carousel”来指定为轮播放插件，并且提供一个Id，方便圆
                    
                    【Web前端技术 02】深入探索HTML5：标签全解析与案例演示！
                        wcyd
Web前端技术前端html5html
                        深入探索HTML5：标签全解析与案例演示！大家好！在上一篇文章中，我们对HTML5有了一个基本的了解。今天，我们将更深入地探索HTML5，全面介绍各种标签及其应用。从基础标签到新增标签，从文档结构到格式标签，我们将一一解析，并提供丰富的案例演示。准备好了吗？让我们开始吧！️HTML5基础结构首先，让我们回顾一下HTML5的基本结构。HTML5文档的结构就像一座房子的蓝图，指导我们如何构建网页。下面
                    
                    HTML5中`＜span＞`标签深入解析
                        软考鸭
html5html5前端html
                        引言在HTML5中，标签是一个行内元素，用于对文档中的一小部分文本或内容进行分组，以便于应用CSS样式或JavaScript脚本。与块级元素（如）不同，不会打断文本的流动，而是与其内容一起在同一行内显示。本文将深入解析标签的定义、用法、属性以及在实际开发中的应用。定义与用法标签是一个无语义的行内容器，用于包裹文档中的一部分内容，而不改变文档的结构。它通常与CSS和JavaScript结合使用，以实
                    
                    HTML5 `＜button＞` 标签深入全面解析
                        软考鸭
html5html5前端html
                        引言在HTML5中，标签用于定义一个可点击的按钮，它是创建交互式网页的重要元素之一。与相比，标签提供了更多的灵活性和样式化的可能性。本文将深入解析HTML5中的标签，详细介绍其属性、样式以及实际应用。标签的基本用法标签内部可以放置内容，如文本、图像或其他HTML元素。这使得标签比更加灵活。点击我在这个简单的例子中，我们创建了一个普通的按钮，其上的文本是“点击我”。标签的属性标签支持多种属性，用于定
                    
                    HTML5之基础、元信息标签
                        Programmer.杨
前端技术-HTMLhtmlmetaheadtitle标签
                        标签声明位于文档中最前面的位置，处于标签之前。声明不是一个HTML标签，它是告知Web浏览器该页面使用了哪种HTML版本（规范），浏览器用此版本（规范）对该文档进行解析，渲染。可声明的DTD有三种：分别是严格版本（strict）、过渡版本（transitional）、以及基于框架的版本（frameset），若文档不遵循其DTD规范，则此文档中的代码不但不能通过代码校验，并且有可能无法正常显示。文档
                    
                    HTML5中`＜ul＞`标签深入全面解析
                        软考鸭
html5html5前端html
                        在HTML5的广阔天地里，标签作为无序列表的代言人，扮演着举足轻重的角色。它不仅能够整洁地罗列信息，还通过丰富的属性和样式选项，为网页设计师提供了无限的创意空间。本文将深入剖析标签的内核，详细解读其属性与样式，助力你打造更加精致、功能强大的网页。一、标签基础概览，即UnorderedList（无序列表）的缩写，用于在网页中展示一系列无特定顺序的项目。每个项目由（ListItem，列表项）标签包裹，
                    
                    HTML5全面知识点
                        A_cot
htmlhtml5前端框架前端
                        HTML（HyperTextMarkupLanguage）是构建网页的基础语言。以下是全面的HTML知识点：一、HTML基础概念定义：HTML是一种用于描述网页结构的标记语言，通过各种标签来定义网页的内容和布局。版本历史：从HTML的早期版本发展到现在的HTML5，功能不断增强，支持更多的多媒体和交互特性。二、HTML文档结构声明：用于告诉浏览器文档类型是HTML5。标签：整个HTML文档的根元素
                    
                    python提取数据库数据到前端html5显示_python html提取数据库数据
                        weixin_39878745

                        python开源工具列表【持续更新】以下是个人在工作中整理的一些pythonwheel，供参考。这个列表包含与网页抓取和数据处理的Python库网络通用urllib-网络库(stdlib)。requests-网络库。grab–网络库(基于pycurl)。pycurl–网络库(绑定libcurl)。urllib3–...文章武耀文2018-04-253128浏览量8个用于业余项目的优秀Python库
                    
                    掌财社:在html5中使用video进行全屏播放与自动播放的代码方法总结！
                        weixin_45378258
HTML
                        今天由于在之前小编在项目中遇到的有关于：“在html5中使用video进行全屏播放与自动播放的代码方法总结！”这方面的内容，所以今天就来和大家分享有关于这方面的相关内容！近期开始开发公司新版官网，首页顶部（header）是一个全屏播放的小视频,现简单总结如下：页面代码：其中php简单判断了一下是否是移动设备,移动设备不展示视频(如果移动端展示的话,需要解决iOS上无法自动播放的问题):ps:如果H
                    
                    Vue中使用pdfJs预览PDF、图片
                        viceen
vue3+ts-运维vue项目-运维vue.jshtmlhtml5
                        Vue中使用pdfJs预览PDF、图片pdf.js是一个使用HTML5构建的可移植文档格式库。它可以帮助我们在浏览器中构建pdf文档，实现在线查看pdf文件的功能。实现步骤如下：1.下载pdfJs到本地（官网下载地址），放到项目根目录下的静态资源目录static文件夹内，将文件命名为pdfJs。如下图使用iframe打开或者需要注意的是：file参数中默认只允许传简单路径比如：http://www
                    
                    【WebKit深度解析】HTML5支持全景与实践指南
                        2401_85812026
webkithtml5前端
                        标题：【WebKit深度解析】HTML5支持全景与实践指南WebKit作为许多现代浏览器的核心技术，对HTML5的支持程度直接关系到Web应用的性能和体验。HTML5是构建现代Web应用的基石，提供了丰富的特性和API。本文将深入探讨WebKit对HTML5的支持程度，并通过实际代码示例，展示如何在WebKit浏览器上充分利用HTML5的强大功能。1.WebKit与HTML5概述WebKit是一个
                    
                    HTML5 ＜video＞常用属性、时间、方法及基础使用说明
                        Wu Youlu
java前端javascript
                        简介HTML元素用于在文档中嵌入媒体播放器，用于支持文档内的视频播放。标签也可用于播放音频，但播放音频用更加适合。元素支持三种视频格式：MP4,WebM,和Ogg:MP4=带有H.264视频编码和AAC音频编码的MPEG4文件WebM=带有VP8视频编码和Vorbis音频编码的WebM文件Ogg=带有Theora视频编码和Vorbis音频编码的Ogg文件基础写法Yourbrowserdoesnot
                    
                    WebAPI DOM文档对象模型
                        znhyXYG
javascript前端开发语言
                        DOM（文档对象模型）是一个可以改变网页内容、结构、样式的处理可扩展标记语言的接口一、获取元素方法：1、根据ID获取2、根据标签名获取3、根据类名获取（html5新增）4、querySelector获取（html5新增）5、querySelectorAll获取（html5新增）6、获取特殊元素（body、html）ID获取方法：document.getElementById(); 2019-9-9
                    
                    使用fabric.js简简单单实现一个画板
                        小草先森tyro
前端
                        什么是fabricfabric是一个功能强大的JavaScript库,运行在HTML5canvas上。fabric为canvas提供了一个交互式对象模型，以及一个svg-to-canvas解析器。与canvas的区别来一个简单的例子来说明一下fabric与canvas的区别，假设我们想在一个画布上画一个红色的矩形：//原生canvasapi//有一个id是c的canvas元素varcanvasEl
                    
                    探索 Fabric.js：前端开发的轻量级图形编辑框架
                        滑辰煦Marc

                        探索Fabric.js：前端开发的轻量级图形编辑框架是一个强大的、基于WebGL和SVG的JavaScript图形库，专为构建交互式图形界面而设计。它提供了一种简单的方式来在网页上创建和操纵矢量对象，包括文本、形状、图像等，并且具有丰富的可定制性和性能优化。项目简介Fabric.js提供了一个统一的对象模型，使得处理HTML5canvas上的元素变得异常简单。无论是创建复杂的绘图应用，还是实现动态
                    
                    用html写出生日蛋糕,纯HTML5+CSS3制作生日蛋糕代码
                        天眼查
用html写出生日蛋糕
                        .birthday.container{width:600px;height:600px;margin:0pxauto;background:#fafafa;border-radius:5px;position:relative;}/****顶层的**/.birthday.top-one{position:absolute;width:280px;height:280px;bottom:200px
                    
                    HTML5生日祝福蛋糕页面(生日蛋糕树) HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码 程序员表白源码 抖音3D旋转相册 js烟花代码 css爱心
                        @秋天的笔记
生日祝福网页html520情人节告白网页制作七夕情人节表白网页源代码HTML5七夕情人节动画网页HTML生日快乐代码3D旋转电子相册
                        HTML5七夕情人节表白网页❤生日蛋糕(蛋糕树)❤HTML+CSS+JS求婚html生日快乐祝福代码网页520情人节告白代码程序员表白源码抖音3D旋转相册js烟花代码css爱心表白这是程序员表白系列中的100款网站表白之一，旨在让任何人都能使用并创建自己的表白网站给心爱的人看。此波共有100个表白网站，可以任意修改和使用，源码已上传，演示网址如下。文章末尾-已经附上源码下载地址作者主页-更多源码1
                    
                    记录-小程序720°VR（跳转H5页面实现）
                        久违的小技巧
小程序小程序vrjavascript
                        全景浏览提前准备1拍照支架/照片合成软件（KolorAutopanoGiga4.0）或者全景相机2pannellum（pannellum是一个轻量级、免费和开源的Web全景查看器。它使用HTML5、CSS3、JavaScript和WebGL构建，没有插件。）3H5页面引入pannellum.js/css文件，swiper/jquery文件（因为需要在全景图底部显示可切换图片，与dom操作/ajax
                    
                    HTML5与CSS3
                        Mousse.-
htmlcss前端html5css3
                        HTML部分##什么是网页：1.网站是指在因特网上根据一定的规则，使用HTML等制作的用于展示特定内容相关的网页集合。2.网页是网站中的一“页”，通常是HTML格式的文件，它要通过浏览器来阅读。##网页的组成：1.网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以.htm或.html后缀结尾的文件，因此将其俗称为HTML文件。##什么是HTML：1
                    
                                解读Servlet原理篇二---GenericServlet与HttpServlet
                                    周凡杨
javaHttpServlet源理GenericService源码
                                    在上一篇《解读Servlet原理篇一》中提到，要实现javax.servlet.Servlet接口（即写自己的Servlet应用），你可以写一个继承自javax.servlet.GenericServletr的generic Servlet ，也可以写一个继承自java.servlet.http.HttpServlet的HTTP Servlet（这就是为什么我们自定义的Servlet通常是exte
                                
                                MySQL性能优化
                                    bijian1013
数据库mysql
                                            性能优化是通过某些有效的方法来提高MySQL的运行速度，减少占用的磁盘空间。性能优化包含很多方面，例如优化查询速度，优化更新速度和优化MySQL服务器等。本文介绍方法的主要有： 
        a.优化查询 
        b.优化数据库结构 
  
                                
                                ThreadPool定时重试
                                    dai_lm
javaThreadPoolthreadtimertimertask
                                    项目需要当某事件触发时，执行http请求任务，失败时需要有重试机制，并根据失败次数的增加，重试间隔也相应增加，任务可能并发。 
由于是耗时任务，首先考虑的就是用线程来实现，并且为了节约资源，因而选择线程池。 
为了解决不定间隔的重试，选择Timer和TimerTask来完成 
 
 

package threadpool;

public class ThreadPoolTest {


                                
                                Oracle 查看数据库的连接情况
                                    周凡杨
sqloracle 连接
                                    首先要说的是，不同版本数据库提供的系统表会有不同，你可以根据数据字典查看该版本数据库所提供的表。 
 
select * from dict where table_name like '%SESSION%'; 
就可以查出一些表，然后根据这些表就可以获得会话信息 
 
select sid,serial#,status,username,schemaname,osuser,terminal,ma
                                
                                类的继承
                                    朱辉辉33
java
                                    类的继承可以提高代码的重用行，减少冗余代码；还能提高代码的扩展性。Java继承的关键字是extends 
格式:public class 类名（子类）extends 类名（父类）{ } 
子类可以继承到父类所有的属性和普通方法，但不能继承构造方法。且子类可以直接使用父类的public和 
protected属性，但要使用private属性仍需通过调用。 
子类的方法可以重写，但必须和父类的返回值类
                                
                                android 悬浮窗特效
                                    肆无忌惮_
android
                                    最近在开发项目的时候需要做一个悬浮层的动画，类似于支付宝掉钱动画。但是区别在于，需求是浮出一个窗口，之后边缩放边位移至屏幕右下角标签处。效果图如下： 
  
一开始考虑用自定义View来做。后来发现开线程让其移动很卡，ListView+动画也没法精确定位到目标点。 
  
后来想利用Dialog的dismiss动画来完成。 
  
自定义一个Dialog后，在styl
                                
                                hadoop伪分布式搭建
                                    林鹤霄
hadoop
                                    要修改4个文件    1: vim hadoop-env.sh  第九行    2: vim core-site.xml            <configuration>     &n
                                
                                gdb调试命令
                                    aigo
gdb
                                    原文：http://blog.csdn.net/hanchaoman/article/details/5517362 
  
一、GDB常用命令简介 
     r run 运行.程序还没有运行前使用   c             cuntinue 
                                
                                Socket编程的HelloWorld实例
                                    alleni123
socket
                                    public class Client
{
	
	
	public static void main(String[] args)
	{	
		Client c=new Client();
	 	c.receiveMessage();
	}
	
	public void receiveMessage(){
		Socket s=null;
		
		BufferedRea
                                
                                线程同步和异步
                                    百合不是茶
线程同步异步
                                    多线程和同步 : 如进程、线程同步，可理解为进程或线程A和B一块配合，A执行到一定程度时要依靠B的某个结果，于是停下来，示意B运行；B依言执行，再将结果给A；A再继续操作。  所谓同步，就是在发出一个功能调用时，在没有得到结果之前，该调用就不返回，同时其它线程也不能调用这个方法  
  
多线程和异步:多线程可以做不同的事情,涉及到线程通知 
  
  
&
                                
                                JSP中文乱码分析
                                    bijian1013
javajsp中文乱码
                                            在JSP的开发过程中，经常出现中文乱码的问题。 
        首先了解一下Java中文问题的由来： 
        Java的内核和class文件是基于unicode的，这使Java程序具有良好的跨平台性，但也带来了一些中文乱码问题的麻烦。原因主要有两方面，
                                
                                js实现页面跳转重定向的几种方式
                                    bijian1013
JavaScript重定向
                                            js实现页面跳转重定向有如下几种方式： 
一.window.location.href 
<script language="javascript"type="text/javascript"> 
	window.location.href="http://www.baidu.c
                                
                                【Struts2三】Struts2 Action转发类型
                                    bit1129
struts2
                                     在【Struts2一】 Struts Hello World http://bit1129.iteye.com/blog/2109365中配置了一个简单的Action，配置如下 
  
<!DOCTYPE struts PUBLIC  
        "-//Apache Software Foundation//DTD Struts Configurat
                                
                                【HBase十一】Java API操作HBase
                                    bit1129
hbase
                                    Admin类的主要方法注释： 
  1. 创建表 
 /**
   * Creates a new table. Synchronous operation.
   *
   * @param desc table descriptor for table
   * @throws IllegalArgumentException if the table name is res
                                
                                nginx gzip
                                    ronin47
nginx gzip
                                    Nginx GZip 压缩  
Nginx GZip 模块文档详见：http://wiki.nginx.org/HttpGzipModule 
常用配置片段如下：  
gzip on; gzip_comp_level 2; # 压缩比例，比例越大，压缩时间越长。默认是1 gzip_types text/css text/javascript; # 哪些文件可以被压缩 gzip_disable &q
                                
                                java-7.微软亚院之编程判断俩个链表是否相交 给出俩个单向链表的头指针，比如 h1 ， h2 ，判断这俩个链表是否相交
                                    bylijinnan
java
                                    

public class LinkListTest {

	/**
	 * we deal with two main missions:
	 * 
	 * A.
	 * 1.we create two joined-List(both have no loop)
	 * 2.whether list1 and list2 join
	 * 3.print the join
                                
                                Spring源码学习-JdbcTemplate batchUpdate批量操作
                                    bylijinnan
javaspring
                                    Spring JdbcTemplate的batch操作最后还是利用了JDBC提供的方法，Spring只是做了一下改造和封装 
 
JDBC的batch操作： 
 
 


String sql = "INSERT INTO CUSTOMER " +
				  "(CUST_ID, NAME, AGE) VALUES (?, ?, ?)";
				
                                
                                [JWFD开源工作流]大规模拓扑矩阵存储结构最新进展
                                    comsci
工作流
                                        生成和创建类已经完成,构造一个100万个元素的矩阵模型,存储空间只有11M大,请大家参考我在博客园上面的文档"构造下一代工作流存储结构的尝试",更加相信的设计和代码将陆续推出......... 
 
    竞争对手的能力也很强.......,我相信..你们一定能够先于我们推出大规模拓扑扫描和分析系统的....
                                
                                base64编码和url编码
                                    cuityang
base64url
                                    import java.io.BufferedReader; 
import java.io.IOException; 
import java.io.InputStreamReader; 
import java.io.PrintWriter; 
import java.io.StringWriter; 
import java.io.UnsupportedEncodingException; 
                                
                                web应用集群Session保持
                                    dalan_123
session
                                    关于使用 memcached 或redis 存储 session ，以及使用 terracotta 服务器共享。建议使用 redis，不仅仅因为它可以将缓存的内容持久化，还因为它支持的单个对象比较大，而且数据类型丰富，不只是缓存 session，还可以做其他用途，一举几得啊。1、使用 filter 方法存储这种方法比较推荐，因为它的服务器使用范围比较多，不仅限于tomcat ，而且实现的原理比较简
                                
                                Yii 框架里数据库操作详解-[增加、查询、更新、删除的方法 'AR模式']
                                    dcj3sjt126com
数据库
                                        public function getMinLimit () {        $sql = "...";        $result = yii::app()->db->createCo
                                
                                solr StatsComponent（聚合统计）
                                    eksliang
solr聚合查询solr stats
                                    StatsComponent 
转载请出自出处：http://eksliang.iteye.com/blog/2169134 
http://eksliang.iteye.com/ 一、概述 
       Solr可以利用StatsComponent 实现数据库的聚合统计查询，也就是min、max、avg、count、sum的功能 
  二、参数
                                
                                百度一道面试题
                                    greemranqq
位运算百度面试寻找奇数算法bitmap 算法
                                    那天看朋友提了一个百度面试的题目：怎么找出{1,1,2,3,3,4,4,4,5,5,5,5}  找出出现次数为奇数的数字. 
  
我这里复制的是原话，当然顺序是不一定的，很多拿到题目第一反应就是用map,当然可以解决，但是效率不高。 
  
还有人觉得应该用算法xxx,我是没想到用啥算法好...！ 
  
还有觉得应该先排序... 
  
还有觉
                                
                                Spring之在开发中使用SpringJDBC
                                    ihuning
spring
                                      
在实际开发中使用SpringJDBC有两种方式： 
  
1. 在Dao中添加属性JdbcTemplate并用Spring注入； 
    JdbcTemplate类被设计成为线程安全的，所以可以在IOC 容器中声明它的单个实例，并将这个实例注入到所有的 DAO 实例中。JdbcTemplate也利用了Java 1.5 的特定(自动装箱，泛型，可变长度
                                
                                JSON API 1.0 核心开发者自述 | 你所不知道的那些技术细节
                                    justjavac
json
                                    2013年5月，Yehuda Katz 完成了JSON API(英文，中文) 技术规范的初稿。事情就发生在 RailsConf 之后，在那次会议上他和 Steve Klabnik 就 JSON 雏形的技术细节相聊甚欢。在沟通单一 Rails 服务器库—— ActiveModel::Serializers 和单一 JavaScript 客户端库——&
                                
                                网站项目建设流程概述
                                    macroli
工作
                                    一.概念 
网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。 
二.需求分析 
项目立项 
　　我们接到客户的业务咨询，经过双方不断的接洽和了解，并通过基本的可行性讨论够，初步达成制作协议，这时就需要将项目立项。较好的做法是成立一个专门的项目小组，小组成员包括：项目经理，网页设计，程序员，测试员，编辑/文档等必须人员。项目实行项目经理制。 
客户的需求说明书 
　　第一步是需
                                
                                AngularJs 三目运算 表达式判断
                                    qiaolevip
每天进步一点点学习永无止境众观千象AngularJS
                                    事件回顾：由于需要修改同一个模板，里面包含2个不同的内容，第一个里面使用的时间差和第二个里面名称不一样，其他过滤器，内容都大同小异。希望杜绝If这样比较傻的来判断if-show or not，继续追究其源码。 
var b = "{{",
      a = "}}";
        this.startSymbol = function(a) {

                                
                                Spark算子：统计RDD分区中的元素及数量
                                    superlxw1234
sparkspark算子Spark RDD分区元素
                                    关键字：Spark算子、Spark RDD分区、Spark RDD分区元素数量 
  
  
Spark RDD是被分区的，在生成RDD时候，一般可以指定分区的数量，如果不指定分区数量，当RDD从集合创建时候，则默认为该程序所分配到的资源的CPU核数，如果是从HDFS文件创建，默认为文件的Block数。 
  
可以利用RDD的mapPartitionsWithInd
                                
                                Spring 3.2.x将于2016年12月31日停止支持
                                    wiselyman
Spring 3
                                          
        Spring 团队公布在2016年12月31日停止对Spring Framework 3.2.x（包含tomcat 6.x）的支持。在此之前spring团队将持续发布3.2.x的维护版本。 
  
       请大家及时准备及时升级到Spring 
                                
                                fis纯前端解决方案fis-pure
                                    zccst
JavaScript
                                    作者：zccst 
 
FIS通过插件扩展可以完美的支持模块化的前端开发方案，我们通过FIS的二次封装能力，封装了一个功能完备的纯前端模块化方案pure。 
 
 
1，fis-pure的安装 
$ fis install -g fis-pure 
$ pure -v 
0.1.4 
 
 
2，下载demo到本地 
git clone https://github.com/hefangshi/f
                                
                
            
        
    


    
        
            按字母分类：
            ABCDEFGHIJKLMNOPQRSTUVWXYZ其他
        
    


    
        
            首页 -
            关于我们 -
            站内搜索 -
            Sitemap -
            侵权投诉
        
        版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.

HTML5网页录音和压缩

问题1:怎么上传

问题2:文件体积太大

继续缩小体积

最后就是这个采样率了

你可能感兴趣的:(HTML5)