Как отобразить клавиатуру с помощью пользовательского интерфейса Tone.js в Angular? - PullRequest
Новая
       15

Как отобразить клавиатуру с помощью пользовательского интерфейса Tone.js в Angular?

0 голосов
/ 27 мая 2019

В приложении Angular 7 я установил зависимость Tone.js: 

npm install tone
npm install @tonejs/ui

Я могу играть ноты, и я хотел бы отобразить клавиатуру, используя элемент tone-keyboard, который я видел в этом fiddle

Мой synth.component.html файл содержит: 

<tone-demo autoplay>
  <tone-keyboard octaves="3"></tone-keyboard>
</tone-demo>

Мой synth.component.ts файл содержит: 

import { Component, OnInit } from '@angular/core';
import Tone from 'tone';

Но я получаю следующую ошибку:

Error: : 'tone-keyboard' is not a known element:

Должен ли я иметь какой-то дополнительный оператор import в файле synth.component.ts?

1 Ответ

0 голосов
/ 27 мая 2019 
var synth = new Tone.Synth().toMaster()

//play a 'C' for one 8th note
synth.triggerAttackRelease('C4', '8n')


var synth = new Tone.AMSynth().toMaster()

startNote = (event) => {
   synth.triggerAttack(event.target)
}

endNote = (event) => {
   synth.triggerRelease()
}

//Mouse click starts the note 
<Button onMouseDown={this.startNote}/>

//Mouse click ends the note 
<Button onMouseUp={this.endNote}/>





var jakeSynth = new Tone.Synth({
  oscillator : {
    type : 'fmsquare',
        modulationType : 'sawtooth',
        modulationIndex : 3,
        harmonicity: 3.4
  },
  envelope : {
    attack : 0.001,
        decay : 0.1,
        sustain: 0.1,
        release: 0.1
  }
}).toMaster() 

jakeSynth.triggerAttackRelease('B2', '8n')


For more detail visit link:-
https://tonejs.github.io/
...