小编Rya*_*ure的帖子

在浏览器中保存 Blob 的持续时间

我正在使用window.MediaRecorder录制wav音频文件,然后将其上传到 S3。我将数据块保存到一个数组中,然后在记录完成后用它们创建一个Blob。这工作正常,我在录制或播放文件时没有问题。但是,我终生无法弄清楚如何设置生成的 Blob 文件的持续时间。

每当我在本地下载文件或将其上传到 s3 时,任何地方都没有持续时间元数据。我将音频的持续时间保存为用户记录,但无法有效地将其附加到音频文件中。我觉得应该有一个微不足道的解决方案,但我刚刚花了几个小时搜索,似乎找不到任何关于此的内容。它必须是可能的,所以我错过了什么?

javascript audio blob file wav

8
推荐指数
1
解决办法
3610
查看次数

我可以在Highcharts Chart中添加"平均"线吗?

我正在尝试使用Highcharts重新创建一个图表(下面的图表).我正在使用一个基本的条形图,我想知道是否有办法让垂直线显示所有条形图的平均值?我有计算的值,我只需要它显示如图所示.我可以使用Highcharts吗?

在此输入图像描述

javascript highcharts

7
推荐指数
1
解决办法
1万
查看次数

Chart.js在窗口调整大小时消失

Chart.js用来在div中显示一个折线图<tr>.

<tr class="item">...</tr>
<tr class="item-details">
...
    <div class="col-sm-6 col-xs-12 chart-pane">
        <div class="chart-container">
            ...
            <div><canvas id="future-chart"></canvas></div>
        </div>
    </div>
...
</tr>
Run Code Online (Sandbox Code Playgroud)

当页面被加载时,它item-details <tr>被隐藏,并且单击item <tr>上面的它将使它显示以及调用函数在画布中绘制图表.此功能如下所示:

$(document).on('click', '.item', function(){
    var itemDetails = $(this).closest('tr').next('tr');
    ...
    var canvas = itemDetails.find('#future-chart').get(0);

    if (canvas) {
        ...
        // just setting data here
        var data = { 
            ...
        };
        var options = {
            responsive: true,
            maintainAspectRatio: true
        };  
        var futureChart = new Chart(context).Line(data,options);
    }   
}); 
Run Code Online (Sandbox Code Playgroud)

我遇到的问题是,如果我单击div显示屏幕大于767px(),然后再次单击隐藏,将屏幕大小调整为小于767px,再次打开tr,图表就消失了.

这是我能找到的唯一一个使图表消失的情况.如果我做与上面相反的事情,图表就会停留在那里.如果我<tr>打开并调整窗口大小,图表就可以了.

我已Responsive设置为 …

html javascript css

6
推荐指数
2
解决办法
1181
查看次数

在setState回调中ReactJS状态未更新

我目前正在构建一个SIP电话,其中当前的呼叫由SipPhone类处理,并使用React在前端显示。SipPhone有一个调用列表,这些列表触发React组件正在侦听的回调。

电话的主要组件的初始状态包含一个空的不可变列表

constructor(props) {
    super(props);
    ...
    this.state = {
        calls: List(),
    };
}
Run Code Online (Sandbox Code Playgroud)

calls每当SipPhone更新时,此列表就会通过由回调触发的事件进行更新。

handleUpdate = ({ calls }) => {
    const nextCalls = List(calls.map(call => {
      return new Call({ ... }) // Call is an Immutable Record
    });

    console.log(nextCalls.toJS()); // This prints the new list I want to save
    this.setState({ calls: nextCalls }, () => {
        console.log(this.state.calls.toJS()); // The list is empty here
    });
}
Run Code Online (Sandbox Code Playgroud)

有时它可以成功更新calls列表,而其他时候calls则不会改变。当我在设置状态之前记录列表时,应该是这样,但是在登录setState回调时,它与以前的状态保持不变。有时它起作用,有时却不起作用。

为了进一步测试,我添加了一个状态变量tick,每次在这里设置状态时该变量都会增加。此更改准确地反映在回调中,而呼叫列表保持不变。

我似乎无法找出执行此操作的任何原因。我实际上是使用普通数组而不是不可变列表开始该项目的,并且遇到了相同的问题。我已经使用React很长时间了,从未遇到过这个问题...有什么想法吗?

javascript state ecmascript-6 reactjs immutable.js

5
推荐指数
1
解决办法
3157
查看次数

React-Router RouteHandler未定义

我无法正确导入RouteHandler.这是我的代码:

var React = require('react');
var ReactDOM = require('react-dom');
var ReactRouter = require('react-router');
var ActivityView = require('./ActivityView');

var Router = ReactRouter.Router;
var Route = ReactRouter.Route;
var Link = ReactRouter.Link;
var RouteHandler = ReactRouter.RouteHandler;
var hashHistory = ReactRouter.hashHistory;
var IndexRoute = ReactRouter.IndexRoute;

var App = React.createClass({
    render: function() {
        return (
            <div>
                <div className="navbar navbar-default">
                    <ul className="nav navbar-nav navbar-right">
                        <li><Link to="app">Dashboard</Link></li>
                    </ul>
                </div>

                <RouteHandler />
            </div>
        );  
    }   
});

ReactDOM.render(
    <Router history={hashHistory}>
        <Route name="app" path="/" component={App}>
            <IndexRoute component={ActivityView} />
        </Route>
    </Router>, …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

4
推荐指数
1
解决办法
3439
查看次数

随机生成整数而不重复,没有数组

我正在编写一个包含6张不同图片并显示12张图片的程序,每张照片有两张.这是一款记忆游戏,我正致力于生成一个随机的磁贴放置.我需要使用RandomIntGenerator来分配整个电路板,但我想不出办法,因为RandomIntGenerator会复制数字.我不允许使用数组,这会让这更容易.你能否告诉我如何做到这一点?

任何帮助真的很感激!-Ryan

java memory random

2
推荐指数
1
解决办法
179
查看次数

Javascript背景颜色闪烁与淡入淡出

我有一个需要持续闪烁背景颜色的div.

我想要它做的就是从透明红色淡入并循环回来.我已经看到了一些这样做的例子,但它们都影响了整个内容,div而不仅仅是background color.

其他例子有一个闪烁,background但它不是一个平滑的过渡,这是我需要的.

如果可能的话,我宁愿不使用CSS动画.

谢谢你的帮助!

html javascript

1
推荐指数
1
解决办法
3437
查看次数

VHDL模2 ^ 32加法

我正在研究SHA-256哈希函数的VHDL实现。我有一些unsigned这样定义的32位信号:

SIGNAL a, b : UNSIGNED (31 downto 0);
Run Code Online (Sandbox Code Playgroud)

在SHA-256算法的规范内,它表示必须以2 ^ 32为模执行加法,以便在发生溢出时保留32位大小。现在,根据对这个问题的回答,听起来好像已经通过VHDL中的模块化添加处理了溢出:

没有溢出处理,简单地丢失了溢出进位。因此,结果只是运算模2 ^ MAX的整数结果。

我有两个问题:

  1. 就我而言,MAX = 31这是否意味着,任何加法操作我执行a,并b会用2 ^ 31改装成的?
  2. 我需要执行模2 ^ 32的加法运算,这显然没有意义,因为我使用的是32位数字,而2 ^ 32太大了。因此,这是否暗示我实际上应该修改2 ^ 31

overflow sha vhdl

1
推荐指数
1
解决办法
1317
查看次数

Android CursorLoader无法在Fragment中运行

我有一个实现LoaderManager.LoaderCallbacks接口的FragmentActivity,我想把它改成一个Fragment,这样我就可以在我的splashscreen后台启动它来从我的数据库中获取信息.但是,当我将FragmentActivity更改为Fragment时,我在onCreateLoader中出错:

public class CursorLoaderTest extends Fragment implements
    LoaderManager.LoaderCallbacks<Cursor> {

...
...

@Override
public Loader<Cursor> onCreateLoader(int arg0, Bundle arg1)
{
    // Grab URI corresponding with menuItem table
    Uri CONTENT_URI = TabletContentProvider.MENU_ITEM_CONTENT_URI;
    // THIS IS WHERE THE ERROR IS 
    return new CursorLoader(this, CONTENT_URI, null, null, null, null);
}
Run Code Online (Sandbox Code Playgroud)

它希望我将CursorLoader对象构造函数更改为:

CursorLoader(Context);
Run Code Online (Sandbox Code Playgroud)

这显然是行不通的.我正在与一个团队合作开展一个项目,我负责数据库操作,所以我不太熟悉Fragments/FragmentActivities,因为我不是为应用程序的那些部分编写代码.我错过了一些明显的东西吗?

android android-fragments android-cursorloader

0
推荐指数
1
解决办法
925
查看次数