草庐IT

web应用开发

全部标签

javascript - Shoutcast + Web Audio API CORS 问题

我有一个问题,我已经研究了一段时间,但没有真正的进展。我目前正在尝试将我的Shoutcast流加载到我的WebAudioAPI上下文中。我认为它会违反CORS,我是对的。我尝试通过XHR请求,然后再次通过将音频元素加载到脚本中。它与音频元素一起工作,但在尝试将其加载到脚本中时死了。似乎我唯一的选择是尝试以某种方式将CORSheader添加到我的Shoutcast正在服务的流中。我不知道该怎么做,也没有在网上找到资源。如果有人能给我一些建议,我将不胜感激!varaudioCtx=new(window.AudioContext||window.webkitAudioContext)();v

javascript - jQuery 插件开发如何保持变量和方法私有(private)

出于练习目的,我正在创建一个jQuery插件,一个简单的图像slider。我使用来自Boilerplate-jQueryPlugins的模式.在初始化过程中,一切都按预期工作,每个实例都获得设置所需的正确值(宽度和高度,以及事件绑定(bind))。当我尝试将计算出的幻灯片宽度传递给执行动画的函数(单击下一步按钮)时,问题就开始了。我尝试保存的每个值都被最后一个实例覆盖-好的,据我所知,这就是原型(prototype)继承的作用。我在google上搜索了很多并在stockoverflow上找到了(不仅是)这个解决方案:globalorlocalvariablesinajquery-plu

javascript - 您如何使用 Web Audio API 测量两种声音之间的差异?

我正在尝试使用分析器节点和getByteFrequencyData()来测量两种声音之间的差异。我认为通过对每个频率区间的差异求和,我可以得出一个数字来表示这两种声音的差异程度。然后我就可以改变声音并再次测量数字,看看新声音是否与以前有或多或少的不同。getByteFrequencyData()是否完全包含声音的表示,或者我是否需要包含其他数据来限定声音?这是我使用的代码:varSpectrogram=(function(){functionSpectrogram(ctx){this.analyser=ctx.createAnalyser();this.analyser.fftSize

javascript - 在 react/redux 应用程序中,在哪里保存服务实例?

假设我正在用Redux编写一个应用程序,我的任务是使用第3方库添加日志记录。其API如下:functioncreateLogger(token){//theloggerhasinternalstate!letlogCount=0;return{log(payload){logCount++;//modifylocalstatefetch('/someapi',{//shippayloadtosomeAPImethod:'POST',body:payload});}};}然后我会像这样使用库:letlogger=createLogger('xyz');logger.log('foobar

javascript - Web 音频振荡器仅在 Firefox 中点击

我正在尝试使用网络音频振荡器创建一个简单的节拍器,这样就不需要外部音频文件了。我通过快速升高和降低振荡器的音量来创建节拍器的声音(因为您不能多次使用start()和stop()),然后以设定的时间间隔重复该功能。它最终听起来像一block漂亮的小木block。下面的代码在Chrome、Safari和Opera中工作/听起来很棒。但在Firefox中,当音量增加时会出现令人讨厌的间歇性“咔嗒”声。我试过更改启动/释放时间以消除咔哒声,但它们必须非常非常长才能持续消失。事实上,振荡器听起来就像一个持续的音符。varaudio=new(window.AudioContext||window.

javascript - 在浏览器上前后保持应用过滤器 Angular 2

我有产品列表页面,我确实有所有数据显示给用户,如果用户正在应用过滤器,我会使用Angular2在客户端本身过滤列表,现在,如果用户前进到项目详细信息页面并单击浏览器后退按钮,所有应用的过滤器都会消失,但我需要实现,以便在后退按钮上所有应用的过滤器都应该保留。我想到的解决方案:-方法:每当用户应用过滤器时,我们都会将其添加到URL中并重定向。问题:在每个URL上都会调用重定向API。有没有更好的方法可以解决这个问题? 最佳答案 将内容作为参数存储在URL中是一种很好的方法,因为您不依赖于隐藏状态(全局应用程序变量)来构建View。但是

javascript - 从网络应用程序生成 PDF

我需要从我的网络应用程序的当前屏幕生成PDF。某种屏幕截图,但我面临着严重的困难。主要问题是View包含一个用jQueryGridster制作的网格;一些“小部件”包含复杂的元素,如表格、图表等。所以像jsPDF这样的插件或html2canvas无法以适当的PDF格式呈现我的页面。他们总是生成空白。这是页面的样子。您可以/移动调整每个元素的大小:(对不起,CIA风格,但里面有业务数据)我遇到但行不通的一些想法是:以编程方式使用浏览器打印到PDF的功能。(不能)使用phantomjs.(但是页面状态很重要,所以...)我相信任何试图从网络应用程序中的当前屏幕生成img的PDF的人都可以广

javascript - 为什么我的 Web Worker 终止了?

当我遇到一个非常奇怪的行为时,我正试图了解网络worker。出于某种原因,它会在几秒钟后终止,即使我有正在运行的代码。这是我的代码;主要JavaScript文件:$(document).ready(function(){varworker=newWorker("js/TestWorker.js");worker.addEventListener('message',function(event){console.log(event.data);});worker.addEventListener('error',function(event){console.log(event);})

javascript - 自定义元素/Web 组件可以与 SVG 一起使用吗?

对于CustomElements我可以这样做:classMyElementextendsHTMLElement{}我可以对SVG元素做同样的事情吗?喜欢classMyOwnRectangleextendsSVGRectElement{}如果可以,能麻烦谁给个jsbin吗?如果不是,为什么不呢?这有一些非常好的用例,例如能够在元素本身中存储model数据。SVG操作主要用于2个主要领域:动画图表,如ER、组织结构图、流程等。类似JointJS的图书馆有自己的类形式的抽象(它扩展了主干View)来存储与View(屏幕上的SVG图)关联的模型数据。就像WebComponents最终可以以标准

javascript - Angular2 应用程序未在移动设备上显示加载文本

我有一个带有使用SystemJS的typescript的angular2应用程序;我使用了以下seedapp.在桌面上时,您可以在标签之间看到加载文本(例如Loading...)。在我的索引页面上,我有一个小的加载div来显示我的应用程序在首次加载时速度很慢。但是这个div永远不会在移动设备上显示。索引代码Holdon!We'reunpacking...如果您需要更多代码示例,请告诉我。我基本上希望app标签内的这个div显示在移动设备上;我也愿意接受任何jQuery移动技巧。这似乎是关键帧。你能告诉我哪里出了问题吗?CSS和关键帧代码.loading-icon{animation:s