piano project #36
piano project #36
Conversation
| </div> | ||
| <div id='playedNote' ></div> | ||
|
|
||
| <div id='imslp'> |
There was a problem hiding this comment.
igual usaría un ID un poco más intuitivo y que represente más claramente la intención
There was a problem hiding this comment.
Feedback
- Proyecto super creativo! Has invertido mucho tiempo investigado el tema musical para poder aterrizar toda la aplicación y se nota 👍
- La idea de añadir soporte MIDI fue increíble y de nuevo.. representa muy bien tu trabajo y el esfuerzo que dedicas a los proyectos :-)
- Usaría un linter para evitar fallos tontos como no definir variables.
- Por otro lado... reorganziaría un poco mejor el código para fuera más legible la ejecución y también para ahorrarle trabajo al interprete de JavaScript.
| @@ -0,0 +1,264 @@ | |||
| (function () { | |||
| @@ -0,0 +1,264 @@ | |||
| (function () { | |||
|
|
|||
| window.onload = function () { | |||
There was a problem hiding this comment.
No te hace falta esperar a la carga... Más info
| (function () { | ||
|
|
||
| window.onload = function () { | ||
| renderPiano(); |
There was a problem hiding this comment.
Puedes pasarle la función renderPiano directamente como argumento si usaras addEventListener o incluso podrías pasarle la ejecución tal y como esta ahora.
| var piano = document.getElementById('piano'); | ||
| var index = keyIndex; | ||
|
|
||
| notes = [ |
There was a problem hiding this comment.
There was a problem hiding this comment.
Tambien sacaría este bloque fuera... como un recurso externo
|
|
||
| for(var tecla = 0 ; tecla < 12 ; tecla++) { | ||
|
|
||
| var key = document.createElement('div'); |
There was a problem hiding this comment.
Sacaría esto en funciones más pequeñas y especializadas
| input.value.onmidimessage = onMIDIMessage; | ||
| } | ||
|
|
||
| console.log('Got midi!', midi.inputs.values()); |
There was a problem hiding this comment.
No debería estar en pro ;-)
|
|
||
| //funcion para trasformar el numero de nota (midi) a una frecuencia | ||
|
|
||
| function midiNoteToFrequency (note) { |
There was a problem hiding this comment.
Muy bien. Super claro! 🌟
|
|
||
| // traer listado de trabajos | ||
| // nodos del dom | ||
| imslp = document.getElementById('imslp'); |
There was a problem hiding this comment.
| // traer listado de trabajos | ||
| // nodos del dom | ||
| imslp = document.getElementById('imslp'); | ||
| spinner = document.createElement('img'); |
There was a problem hiding this comment.
Lo podrias dejar ya metido en el HTML... pero es cuestión de gustos :-)
| }) | ||
| } | ||
|
|
||
| function getWorks(partitura, posicion) { |
There was a problem hiding this comment.
Bien gestionada la asincronía con las promesas ^^
|
Muchas gracias Ulises. |
No description provided.