Блог

Но после запуска видео, по истечении 5-10 секунд, возникает вышеуказанная ошибка. Поэтому я удалил StateHasChanged (), и он работает очень хорошо, однако индикатор выполнения не обновляется.

На странице есть одна таблица, четыре линейные диаграммы (chartjs.Blazor), два видео (Blazored.Видео).

Проблема, я думаю

• Это вызвано обновлением .net core 3.1 до 5.0?
• Проблема в том, что слишком много компонентов рисуется одновременно? (два видео, четыре диаграммы (нарисованные chartjs.Blazor))?
• Было бы проблемой, если бы StateHasChanged () периодически вызывался при наличии компонентов ‘chartjs’?

код

Я использую MatBlazor, Blazored.Видео, пакеты ChartJS.Blazor Nuget

 -------- razor page --------
<BlazoredVideo PlayEvent="OnPlay" TimeUpdate="OnTimeUpdate"
               VideoEventOptions="options"
               class="w-100"
               style="max-width:800px;"
               controls="controls">
    <source src="https://res.cloudinary.com/blazoredgitter/video/upload/v1557015491/samples/elephants.mp4" type="video/mp4" />
</BlazoredVideo>

<MatSlider Id="video_slider" @bind-Value="@currentVideoDuration" Discrete="true" Pin="true" TValue="int" ValueMin="0" ValueMax="100"></MatSlider>

<div class="row">
    <div class="col-md-6">
        <ChartJsLineChart @ref="_lineChartJs" Config="@lineConfig1" Width="600" Height="300" />
    </div>
    <div class="col-md-6">
        <ChartJsLineChart @ref="_lineChartJs" Config="@lineConfig2" Width="600" Height="300" />
    </div>
</div>


-------- cs code(code behind) --------

public LineConfig lineConfig1;
public LineConfig lineConfig2;
public ChartJsLineChart _lineChartJs;

Dictionary<VideoEvents, VideoStateOptions> options = new Dictionary<VideoEvents, VideoStateOptions>();
public int currentVideoDuration;

var option = new VideoStateOptions() { All = true };
     
protected override async Task OnInitializedAsync()       
{
    var option = new VideoStateOptions() { All = true };
    
    options[VideoEvents.Pause] = option;
    options[VideoEvents.Play] = option;
    options[VideoEvents.Playing] = option;
    options[VideoEvents.Progress] = option;
    options[VideoEvents.TimeUpdate] = new VideoStateOptions() { CurrentTime = true };
    currentVideoDuration = 0;

    await base.OnInitializedAsync();
}

public void OnTimeUpdate(VideoState state)
{
    currentVideoDuration = (int)state.CurrentTime;
    StateHasChanged();  <-- caused error
}

//line chart configuration.. and set chart datas

  

Извините за плохой английский. Это слишком сложно решить для меня. Кто-нибудь, пожалуйста, помогите мне.

Редактировать

При использовании Blazored.В то же время я обнаружил, что это проблема, если периодически вызывается функция StateHasChanged.

Я протестировал его .net core 3.1, 5.0 с новым проектом, в котором я установил пакет только для необходимости, и я протестировал страницу, на которой есть только одно видео или только одна диаграмма (она работала хорошо)

Однако, хотя я и обнаружил проблему, я не смог решить ее своими силами. Я думаю, мне следует изменить один из двух пакетов или оба .. 🙁