草庐IT

react-web

全部标签

javascript - Shoutcast + Web Audio API CORS 问题

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

javascript - React PropTypes 的多重验证

有没有办法使用React.PropTypes对单个prop进行多次验证。特别想混合自定义验证和库存验证。我有两个Prop,一个对象options和一个字符串value。我想检查props.value是一个字符串还是对象上的一个键。使用coffeescript这看起来像:propTypes:options:React.PropTypes.Object.isRequiredvalue:(props,propName,componentName)->unlessprops[propName]ofprops.optionsnewError('mycustommessage')这很好用,但我还想

javascript - 由 Flux Store 控制的 React Form(最佳实践?)

所以我有一个很大的组件就是我的表单:{morecomponentshere}此表单组件正在监听使用firstAction、secondAction等更新其值的商店注意:组件根据返回{firstValue:something,secondValue:something,etc}的store.getState()更新其状态假设我的FirstComponent是一个输入:this.props.firstAction(e.target.value)}好的,所以onChange触发PropfirstAction这实际上是将更新我的商店并使表单重新呈现的FluxAction。我在这里有两个好处,当

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

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

javascript - 如何在没有 TestUtils.findAllInRenderedTree 的情况下遍历包括 DOM 组件在内的所有 React 组件?

Reactv0.14将不再提供通过TestUtils.findAllInRenderedTree遍历根组件内所有渲染组件的能力-DOM组件将被排除在外。是否有一些更好的做法遍历根组件内的所有组件? 最佳答案 您可以通过遍历子节点来递归遍历节点。functiontraverse(node,visitor){return_traverse(node,visitor,{level:0,parent:null});}function_traverse(node,visitor,state){visitor(node,state);if(!n

javascript - 如何将事件从 Redux 传递给 React?

我有一个基于GUIReact/redux的应用程序。作为View的一部分,有一个我希望闪烁的“指示器”react组件,闪烁是通过CSS3动画(动画帧)完成的。调用react组件的indicator.blink()成员函数使指示器闪烁(它基本上从DOM元素中删除了blink类,然后在1ms之后再次添加它,作为hack来获取围绕CSS3动画没有“重启”api的事实)。在redux框架中发生某些Action时(如果需要,它们可以是thunk),我希望在ReactView中调用此blink()函数。如何最好地做到这一点?让redux操作修改应用程序状态,然后将指示器元素作为prop绑定(bin

javascript - react /归零 : mapStateToProps not actually mapping state to props

我在项目中使用React和Redux,但在实现启用/禁用按钮的功能时遇到问题。我已经能够:触发方法让该方法触发Action创建器发送一个Action在reducer中捕获该操作并创建一个新的更新状态在ReduxDevTools中查看更新状态但是,启用/禁用功能仍然不起作用,因为似乎mapStateToProps和connect实际上并未将状态映射到Prop。我正在跟踪canSubmit,它在状态内发生变化,但在props中是undefined。我缺少什么才能成功地将状态映射到Prop?相关代码:用户窗体ViewconstmapStateToProps=(state)=>({router

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 - React Router 服务器端呈现错误 : Warning: Failed propType: Required prop `history` was not specified in `RoutingContext`

我正在设置一个简单的玩具应用程序来学习React/Hapi,并且一切正常,直到我尝试设置服务器端路由。服务器运行无误,并使用helloworld正确呈现“/”。但是,当我导航到“/test”时,出现以下错误。Warning:FailedpropType:Requiredprop`history`wasnotspecifiedin`RoutingContext`.Warning:FailedpropType:Requiredprop`location`wasnotspecifiedin`RoutingContext`.Warning:FailedpropType:Requiredprop

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

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