当前位置: 秋叶网络博客
同域名下浏览器不同标签页利用本地存储进行通信
作者: 秋了秋 发表时间:2017年03月05日
mysql数据库迁移导入到mongodb详细教程
了,a在做某个事情之前怎么知道b也在做相同的事情,从而终止做这个事情的想法呢?即任务单一性。 通俗易懂的例子就是某个网站在公用页脚引入了audio标签,打开这个网站所有页面都会播放音乐,同时打开多个在浏览器中,声将会错综杂乱,如何解决这个问题呢? 解决办法是音乐默认不播放,而是通过程序让其播放,程序让其播放之前先判断这个音乐是不是在其它标签页播放,若果有播放就不播放,反之。现在逻辑在于怎么判断,很简单,localStorage或者cookies,在这里我用localStorage,就是在播放音乐之后存个状态在本地,播放音乐之前先判断本地存储,本地存储是...
目录: 前端编程 标签: 标签页通信 1条评论 8927次阅读
使用Html5绘制动感音乐频谱教程
作者: 秋了秋 发表时间:2017年02月07日
mysql数据库迁移导入到mongodb详细教程
e473_player{ background: black;width:600px;height: 445px;margin:0 auto; overflow: hidden; } style 您的浏览器不支持canvas,请更换高级版的浏览器! canvas audio div 柱状span 响span 火焰span 乒乓球span 灯光span div div (function(){ var canvas=document.querySelector("#page473_canvas"), context = canvas.getContext('2d'); var width=canvas.width, height=canvas.height; var audio=document.querySelector("#page473_mp3"); window.AudioContext =window.AudioContext || window.webkitAudioContext || window.mozAudioContext || wi...
目录: 前端编程 标签: h5music 10条评论 9784次阅读
URL网址里面执行JavaScript代码
作者: 秋了秋 发表时间:2016年06月06日
mysql数据库迁移导入到mongodb详细教程
页都是为了让别人浏览网页内容,一种通过url的形式进行传播。这意味着很多局限性,不能分享网页动态交互效果。比如说分享一个网页的某个链接的点击后的状态,分享网页里面的播放特定的音乐,分享网页里面的某一块内容而其他内容不想被别人看到。。。等等等等 在不影响网站的数据与结构的前提下,要实现这些效果唯有JavaScript交互代码而唯一的线索就是通过url实现。而不改变url访问内容的形式就是在网址后面传参。到这里,思路已经很明朗了,就是把JavaScript代码通过网址参数形式放在网址后面,比如http://www.mizuiren.com?jscode=alert("秋叶网络博客")...
目录: 前端编程 标签: URL脚本 3条评论 6106次阅读
解决Audio api “createMediaElementSource(player)”取不到声源
作者: 秋了秋 发表时间:2016年03月17日
mysql数据库迁移导入到mongodb详细教程
几何时,我发布了一篇文章《Javascript操作频流数据的重大问题 》,探究了一下html5与w3c的bug,获取频数据的时候出现:“MediaElementAudioSource outputs zeroes due to CORS access restrictions”的警告信息。那时候找了很久的修复手段,一直未果,因为少有人探讨,...
目录: 前端编程 标签: audio bug 6条评论 7901次阅读
仿支付宝客户端的咻一咻
作者: 秋了秋 发表时间:2016年02月01日
mysql数据库迁移导入到mongodb详细教程
在寻宝中...'){ setTimeout(function(){$('.xiu_txt').html('');},1000);} if(txt==""){ alert('你中大奖了') } },1200); go=false; } })</script>pre div 少了个背景图片和背景音乐,可自行添加...
目录: 前端编程 标签: 咻一咻 6条评论 6543次阅读
原生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条评论 7860次阅读
完美修复手机UC浏览器播放小片段audio音乐的BUG
作者: 秋了秋 发表时间:2015年10月11日
mysql数据库迁移导入到mongodb详细教程
现手机uc浏览器有个严重的bug,对于网页中存在小片段audio标签的音乐播放,会无限循环的播放,即使设置了loop为false依旧没用,其它浏览器不会有这种现象。这样就会造成严重的用户体验问题,比如说网页中点击某个链接的声,往往不到半秒就播放完成,然而在uc上意味着点一次链接就会一直存在这个声循环,甚是讨厌...
目录: 前端编程 标签: audio bug 2条评论 9584次阅读
不同浏览器对CSS3、html5支持情况一览表
作者: 秋了秋 发表时间:2015年09月24日
mysql数据库迁移导入到mongodb详细教程
td Nspan td Nspan td tr Video th Yspan td Yspan td Nspan td Yspan td Yspan td Yspan td Nspan td Nspan td Yspan td Yspan td Nspan td Nspan td Nspan td tr tbody table HTML5频编码(HTML5 Audio Codecs)h3 平台span th MACth WINth tr 浏览器span th CHROMEspan th FIREFOXspan th OPERAspan th SAFARIspan th CHROMEspan th FIREFOXspan th OPERAspan th SAFARIspan th IEspan th tr 版本span th 5 th 3.6 th 10.1 th 4 th 4 th 3.6 th 3 th 10 th 10.5 th 4 th 6 th 7 th 8 th tr thead Audio: ogg th Yspan td Yspan td Nspan td Yspan td Y...
目录: 前端编程 标签: 浏览器兼容 0条评论 6646次阅读
用css3绘制酷狗音乐闪烁的进度条
作者: 秋了秋 发表时间:2015年09月14日
mysql数据库迁移导入到mongodb详细教程
了看酷狗音乐播放器的界面,里面的哪个进度条的圆头一闪一闪的,具有良好的用户体验性,于是就用css绘制了一个,感觉还不错,可以广泛用于html5播放器上。 html代码为: <div class="dise"> <div...
目录: 前端编程 标签: 酷狗进度条 4条评论 8207次阅读
Javascript操作频流数据的重大问题
作者: 秋了秋 发表时间:2015年08月24日
mysql数据库迁移导入到mongodb详细教程
顾一下我之前写的一篇文章《吐槽一下w3c更新后出现的脚本问题a 》,已经时过接近四个月了,关于博客音乐没声这个问题也一直困扰到现在,期间我也一直在寻找解决方案,也请求过很多人,但一直都未果,没有人知道答案,就现在网上探讨这个技术的也屈指可数,刚还特地百度和好搜了下,几乎都是国外的网站有人在探讨,国内的只有一个,不得不感叹下国人的web意识还是差了点。今天再次发布下...
目录: 天下杂侃 标签: web技术 31条评论 10926次阅读