@quick-game/cli
Version:
Command line interface for rapid qg development
103 lines • 3.95 kB
JavaScript
// Copyright 2019 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
import * as i18n from '../../core/i18n/i18n.js';
import * as UI from '../../ui/legacy/legacy.js';
const UIStrings = {
/**
*@description The current state of an item
*/
state: 'State',
/**
*@description Text in Audio Context Content Builder
*/
sampleRate: 'Sample Rate',
/**
*@description Text in Audio Context Content Builder
*/
callbackBufferSize: 'Callback Buffer Size',
/**
* @description Label in the Audio Context Content Builder for the maximum number of output channels
* that this Audio Context has.
*/
maxOutputChannels: 'Max Output Channels',
/**
*@description Text in Audio Context Content Builder
*/
currentTime: 'Current Time',
/**
*@description Text in Audio Context Content Builder
*/
callbackInterval: 'Callback Interval',
/**
*@description Text in Audio Context Content Builder
*/
renderCapacity: 'Render Capacity',
};
const str_ = i18n.i18n.registerUIStrings('panels/web_audio/AudioContextContentBuilder.ts', UIStrings);
const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
export class ContextDetailBuilder {
fragment;
container;
constructor(context) {
this.fragment = document.createDocumentFragment();
this.container = document.createElement('div');
this.container.classList.add('context-detail-container');
this.fragment.appendChild(this.container);
this.build(context);
}
build(context) {
const title = context.contextType === 'realtime' ? i18n.i18n.lockedString('AudioContext') :
i18n.i18n.lockedString('OfflineAudioContext');
this.addTitle(title, context.contextId);
this.addEntry(i18nString(UIStrings.state), context.contextState);
this.addEntry(i18nString(UIStrings.sampleRate), context.sampleRate, 'Hz');
if (context.contextType === 'realtime') {
this.addEntry(i18nString(UIStrings.callbackBufferSize), context.callbackBufferSize, 'frames');
}
this.addEntry(i18nString(UIStrings.maxOutputChannels), context.maxOutputChannelCount, 'ch');
}
addTitle(title, subtitle) {
this.container.appendChild(UI.Fragment.html `
<div class="context-detail-header">
<div class="context-detail-title">${title}</div>
<div class="context-detail-subtitle">${subtitle}</div>
</div>
`);
}
addEntry(entry, value, unit) {
const valueWithUnit = value + (unit ? ` ${unit}` : '');
this.container.appendChild(UI.Fragment.html `
<div class="context-detail-row">
<div class="context-detail-row-entry">${entry}</div>
<div class="context-detail-row-value">${valueWithUnit}</div>
</div>
`);
}
getFragment() {
return this.fragment;
}
}
export class ContextSummaryBuilder {
fragment;
constructor(contextId, contextRealtimeData) {
const time = contextRealtimeData.currentTime.toFixed(3);
const mean = (contextRealtimeData.callbackIntervalMean * 1000).toFixed(3);
const stddev = (Math.sqrt(contextRealtimeData.callbackIntervalVariance) * 1000).toFixed(3);
const capacity = (contextRealtimeData.renderCapacity * 100).toFixed(3);
this.fragment = document.createDocumentFragment();
this.fragment.appendChild(UI.Fragment.html `
<div class="context-summary-container">
<span>${i18nString(UIStrings.currentTime)}: ${time} s</span>
<span>\u2758</span>
<span>${i18nString(UIStrings.callbackInterval)}: μ = ${mean} ms, σ = ${stddev} ms</span>
<span>\u2758</span>
<span>${i18nString(UIStrings.renderCapacity)}: ${capacity} %</span>
</div>
`);
}
getFragment() {
return this.fragment;
}
}
//# sourceMappingURL=AudioContextContentBuilder.js.map