当前位置: 秋叶网络博客
同域名下浏览器不同标签页利用本地存储进行通信
作者: 秋了秋 发表时间:2017年03月05日
mysql数据库迁移导入到mongodb详细教程
了,a在做某个事情之前怎么知道b也在做相同的事情,从而终止做这个事情的想法呢?即任务单一性。 通俗易懂的例子就是某个网站在公用页脚引入了audio标签,打开这个网站所有页面都会播放音乐,同时打开多个在浏览器中,声音将会错综杂乱,如何解决这个问题呢? 解决办法是音乐默认不播放,而是通过程序让其播放,程序让其播放之前先判断这个音乐是不是在其它标签页播放,若果有播放就不播放,反之。现在逻辑在于怎么判断,很简单,localStorage或者cookies,在这里我用localStorage,就是在播放音乐之后存个状态在本地,播放音乐之前先判断本地存储,本地存储是...
目录: 前端编程 标签: 标签页通信 1条评论 7924次阅读
使用Html5绘制动感音乐频谱教程
作者: 秋了秋 发表时间:2017年02月07日
mysql数据库迁移导入到mongodb详细教程
alyser.getByteFrequencyData(data);//得到音频能量值 var playerTimeDomainData = new Uint8Array(analyser.fftSize); analyser.getByteTimeDomainData(playerTimeDomainData);//得到频谱 var volumn = Math.max.apply(null, playerTimeDomainData) -Math.min.apply(null, playerTimeDomainData); context.clearRect(0, 0, width, height); switch (parseInt(draw)) { case 1: drawColumns(data); break; case 2: drawSpeakers(volumn); break; case 4: drawFires(volumn); break; case 5: drawBalls(data); break; case 6: drawLights(volumn); break; d...
目录: 前端编程 标签: h5music 9条评论 7844次阅读
URL网址里面执行JavaScript代码
作者: 秋了秋 发表时间:2016年06月06日
mysql数据库迁移导入到mongodb详细教程
页都是为了让别人浏览网页内容,一种通过url的形式进行传播。这意味着很多局限性,不能分享网页动态交互效果。比如说分享一个网页的某个链接的点击后的状态,分享网页里面的播放特定的音乐,分享网页里面的某一块内容而其他内容不想被别人看到。。。等等等等 在不影响网站的数据与结构的前提下,要实现这些效果唯有JavaScript交互代码而唯一的线索就是通过url实现。而不改变url访问内容的形式就是在网址后面传参。到这里,思路已经很明朗了,就是把JavaScript代码通过网址参数形式放在网址后面,比如http://www.mizuiren.com?jscode=alert("秋叶网络博客")...
目录: 前端编程 标签: URL脚本 3条评论 4431次阅读
解决Audio api “createMediaElementSource(player)”取不到声源
作者: 秋了秋 发表时间:2016年03月17日
mysql数据库迁移导入到mongodb详细教程
天得闲重新审视这个问题,其实这就是一个跨域的问题,a网站访问b网站的音频,出于安全考虑,w3c禁止了这样的行为,所以我们用createMediaElementSource(player)渠道的数据一直为0,导致音乐能播放,但是没有声音,也不能对音源数据操作。 其实解决办法很简单,只需要在audio标签上加上这个属性即可完美解决问题: <audio id="qiuyemp3" crossOrigin="anonymous"span src="http://media.mizuiren.com/cz.mp3" autoplay="autoplay"></audio>pre div 这个属性加在html上即可,用js加属性会失效。 呵呵呵,找了这么久的问题,其实也就这么简单就解决...
目录: 前端编程 标签: audio bug 6条评论 6034次阅读
仿支付宝客户端的咻一咻
作者: 秋了秋 发表时间:2016年02月01日
mysql数据库迁移导入到mongodb详细教程
在寻宝中...'){ setTimeout(function(){$('.xiu_txt').html('');},1000);} if(txt==""){ alert('你中大奖了') } },1200); go=false; } })</script>pre div 少了个背景图片和背景音乐,可自行添加...
目录: 前端编程 标签: 咻一咻 6条评论 5157次阅读
原生JS写的一个简单闹钟程序
作者: 秋了秋 发表时间:2015年10月24日
mysql数据库迁移导入到mongodb详细教程
ent.getElementById('qiuye_miaoz').value;//获取输入框的值 var input=document.getElementsByTagName('input');//取得input数组 var music=document.getElementById('music');//取得音乐所在标签 var gb=document.getElementById('qiuye_gb');//获取关闭按钮 for(i=0;i<input.length;i++){//for循环 input[i].oninput=function(){//每个输入框输入文字后执行以下代码 qiuye_shiz=document.getElementById('qiuye_shiz').value,//重新获取输入框的值 qiuye_fenz=document.getElementById('qiuye_fenz').value,//重新获取输入框的值 qiuye_miaoz=docume...
目录: 前端编程 标签: 闹钟js 5条评论 6456次阅读
完美修复手机UC浏览器播放小片段audio音乐的BUG
作者: 秋了秋 发表时间:2015年10月11日
mysql数据库迁移导入到mongodb详细教程
现手机uc浏览器有个严重的bug,对于网页中存在小片段audio标签的音乐播放,会无限循环的播放,即使设置了loop为false依旧没用,其它浏览器不会有这种现象。这样就会造成严重的用户体验问题,比如说网页中点击某个链接的声音,往往不到半秒就播放完成,然而在uc上意味着点一次链接就会一直存在这个声音循环,甚是讨厌...
目录: 前端编程 标签: audio bug 2条评论 6947次阅读
用css3绘制酷狗音乐闪烁的进度条
作者: 秋了秋 发表时间:2015年09月14日
mysql数据库迁移导入到mongodb详细教程
了看酷狗音乐播放器的界面,里面的哪个进度条的圆头一闪一闪的,具有良好的用户体验性,于是就用css绘制了一个,感觉还不错,可以广泛用于html5播放器上。 html代码为: <div class="dise"> <div...
目录: 前端编程 标签: 酷狗进度条 4条评论 7178次阅读
Javascript操作音频流数据的重大问题
作者: 秋了秋 发表时间:2015年08月24日
mysql数据库迁移导入到mongodb详细教程
顾一下我之前写的一篇文章《吐槽一下w3c更新后出现的脚本问题a 》,已经时过接近四个月了,关于博客音乐没声音这个问题也一直困扰到现在,期间我也一直在寻找解决方案,也请求过很多人,但一直都未果,没有人知道答案,就现在网上探讨这个技术的也屈指可数,刚还特地百度和好搜了下,几乎都是国外的网站有人在探讨,国内的只有一个,不得不感叹下国人的web意识还是差了点。今天再次发布下...
目录: 天下杂侃 标签: web技术 31条评论 9307次阅读
Frameset框架划分网页的运用
作者: 秋了秋 发表时间:2015年06月29日
mysql数据库迁移导入到mongodb详细教程
rameset是一个框架网页标记语言,使用它可以很自如地把任何一个网页嵌入到任何一个网页当中去,而且各个网页之间保持独立性,有的人也用框架技术实现局部的刷新,比如说一些音乐视频网站,点击链接后直接在本页的播放窗口刷新媒体界面实现播放,而其它元素不刷新,对于用户体验甚是良好。经典的Frameset代码: <frameset rows="48px,*" border="0"> <frame name="a0" src="head.php" border="0" scrolling="no"> <frameset cols="198px,*" noresize = "noresize" border="0"><frame border="0" name="a1" src="s...
目录: 前端编程 标签: 框架网页 1条评论 6623次阅读