منصوبے کے بارے میں
Omi Piano ایک ویب پیانو ایپ ہے جو Omi فریم ورک اور Omi Snippets کے ساتھ بنائی گئی ہے۔ یہ کی بورڈ کی 7 عددی کیز، 5 حرفی کیز اور Shift، Control، Option، Command چار فنکشن کیز کے ذریعے 60 پیانو نوٹ (35 مکمل نوٹ اور 25 نیم نوٹ) بناتی ہے، جو ڈبل لو سے ڈبل ہائی تک کی رینج کا احاطہ کرتے ہیں۔
یہ پروجیکٹ مکمل ڈیولپمنٹ اور انسٹالیشن کا عمل فراہم کرتا ہے، جسے npm کے ذریعے omi-piano پیکج انسٹال کرکے یا ریپوزٹری کلون کرکے npm start چلا کر مقامی طور پر شروع کیا جا سکتا ہے۔ انٹرفیس flex لے آؤٹ اور CSS شیڈو کا استعمال کرتے ہوئے سیاہ اور سفید پیانو کیز بناتا ہے، کیز پر کلک کرنے یا متعلقہ کی بورڈ کی دبانے سے نوٹ بجتا ہے، ساتھ ہی کی ہائی لائٹ اینیمیشن بھی چلتی ہے۔
ایپ میں 'ڈینڈیلین کا وعدہ' اور 'چاند میرا دل جانتا ہے' دو دھنیں شامل ہیں، جو خودکار پلے بیک کو سپورٹ کرتی ہیں۔ خودکار پلے بیک کا منطق recursion اور Promise کے ذریعے نوٹوں کے درمیان وقفے کو کنٹرول کرتا ہے، اور پلے بیک کے دوران نیچے نوٹ ڈسپلے کو ہم آہنگ طریقے سے ہائی لائٹ کرتا ہے۔ پروجیکٹ میں عددی نوٹیشن اور کی بورڈ کیز کے درمیان میپنگ کے تعلق اور حسب ضرورت دھنیں لکھنے کا طریقہ بھی بیان کیا گیا ہے۔
تکنیکی نفاذ میں، پروجیکٹ نے React، Vue یا Angular جیسے مرکزی دھارے کے فریم ورک استعمال نہیں کیے، بلکہ Omi کے JSX اور Web Components حل کو اپنایا، جس میں Omil سنگل فائل کمپوننٹ لوڈر اور Proxy پر مبنی کمپوننٹ کمیونیکیشن میکانزم شامل ہے۔ آڈیو پلے بیک HTML5 کے audio ٹیگ پر مبنی ہے، ref کے ذریعے نوڈ حاصل کرکے پلے بیک پروگریس کنٹرول کیا جاتا ہے۔
یہ پروجیکٹ فرنٹ اینڈ کمپوننٹائزیشن، کی بورڈ ایونٹ ہینڈلنگ اور آڈیو پلے بیک میں دلچسپی رکھنے والے ڈویلپرز کے لیے سیکھنے کے حوالے کے طور پر موزوں ہے، اور موسیقی کے شوقین افراد کے لیے ایک سادہ ویب پیانو ٹول کے طور پر بھی استعمال کے قابل ہے۔
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.