Pembahasan tentang API terbaru di browser yaitu Web Audio API dan contoh penggunaannya

https://medium.com/@wesharehoodies/all-you-need-to-know-about-the-web-audio-api-3df170559378

#audio #web #api

Membuat visualisasi suara Audio Visualizer

https://css-tricks.com/making-an-audio-waveform-visualizer-with-vanilla-javascript/

#visualizer #audio #waveform

Latihan menggunakan HTML5 untuk element video dan audio

https://levelup.gitconnected.com/using-html-audio-and-video-elements-af66ee5ae0c5

#html5 #audio #video

Membuat aplikasi web visualisasi suara Audio Visualizer dengan JavaScript Modern , HTML , dan CSS

https://dev.to/rizz0s/creating-an-audio-visualizer-that-can-handle-multiple-audio-sources-dynamically-all-in-vanilla-js-5hfl

#css #html #audio #visualizer

Mengenal HTML5 Tag untuk Audio Tag yang berguna untuk memutar suara atau lagu.

https://dev.to/samanthaming/html-audio-tag-1iaa

#audio #html5

Memperkenalkan Vime JS , library untuk menampilkan video player di aplikasi web dengan beberapa fitur menarik seperti tampilan responsive player , mendukung VTT subs, ringan dan kecil ukurannya karena dibuat dengan Svelte JS, mendukung internasionalisasi bahasa i18n , mendukung lazy loading dan preconnect media, dan masih banyak lagi.

https://vime-js.com/

#vime #vimejs #video #player #audio

Melihat beberapa view engine untuk Node JS yang dapat dipakai sebagai templating berbasis Server Side Rendering SSR atau Static Site Generator

https://frontnet.eu/node-js-view-engine-try-out-some-of-the-most-popular/

---

Latihan membuat kalkulator peringkat nilai dengan Adonis JS

https://dev.to/vicradon/build-a-cgpa-calculator-with-adonisjs-authentication-1gh2
-
https://dev.to/vicradon/build-a-cgpa-calculator-using-adonisjs-introduction-1pcl

---

Melindungi aset file suara dan musik dengan enkripsi byte Array Stream di backend Node JS

https://dev.to/codr/protecting-audio-and-music-assets-with-node-and-javascript-2p92

#nodejs #view #engine #adonis #gcpa #calculator #encrypt #audio

Membuat fungsi perekam suara dengan Media Stream API di browser dan menyimpan hasilnya dengan bantuan Node JS

https://www.sitepoint.com/mediastream-api-record-audio/

---

Latihan sederhana membuat REST API dengan Express JS, MongoDb, dan dokumentasi Swagger API

https://medium.com/@mikefmeyer/build-a-node-js-express-rest-api-with-mongodb-and-swagger-39e45c8270bb

—-

Membuat job scheduler dengan Bull library di Node JS

https://awoderuoloruntobi.medium.com/using-bull-as-a-priority-job-handler-in-node-js-4053aaa821bc

—-

Beberapa panduan lengkap tentang memulai belajar menggunakan Node JS untuk backend server

https://levelup.gitconnected.com/the-ultimate-guide-to-get-started-with-node-js-4ce54579ceb7

—-

Latihan berseri membuat aplikasi web dengan Next JS, Strapi CMS , dan Node JS

https://medium.com/globant/build-your-app-with-headless-cms-strapi-node-js-and-next-js-part-2-74bc952fc7f1

—-

#nodejs #strapi #express #mediastream #record #audio #mongodb #swagger

Latihan panjang membuat audio visualizer dengan JavaScript, HTML dan CSS

https://blog.logrocket.com/audio-visualizer-from-scratch-javascript/

---

Menambahkan keyboard shortcut ke dalam aplikasi web

https://javascript.plainenglish.io/add-keyboard-shortcuts-to-your-web-app-2f9e28d1ba81

---

Beberapa utility library JavaScript yang berguna

https://javascript.plainenglish.io/5-javascript-utility-libraries-to-improve-your-efficiency-4380b1d373c5

—-

#audio #visualizer #library #utility #shortcut #keyboard

Latihan bersama Web Programming Unpas tentang pengenalan HTML5 pada bagian Audio dan Video tag.

https://www.youtube.com/watch?v=SQMruNuafHk

#wpu #html5 #audio #video

Latihan panjang membuat aplikasi cuaca Weather App dengan React JS

https://www.freecodecamp.org/news/use-react-and-apis-to-build-a-weather-app/

---

Membuat aplikasi Audio dan video recorder dengan React JS

https://javascript.plainenglish.io/build-an-audio-and-video-recorder-in-react-a452ab6c1ce6

---

Menggunakan React Suspense untuk pengambilan data API

https://blog.openreplay.com/data-fetching-with-suspense-in-react

---

#react #suspense #weather #audio #recorder

Mengenal state management Jotai untuk Next JS

https://blog.logrocket.com/using-jotai-next-js/

---

Membuat video dan audio recorder di React JS

https://blog.logrocket.com/how-to-create-video-audio-recorder-react/

#react #nextjs #jotai #audio #video #recorder