Build A Meditation App With Javascript HTML & CSS!
179.5 هزار بار بازدید -
5 سال پیش
-
Check out my courses here!
Check out my courses here!
https://developedbyed.com
I am super excited to bring you another vanilla javascript project that we are going to build from scratch!
We will be creating a meditation/ambient sounds app that a user can enjoy by picking the amount of time to listen to and choose different ambient sounds.
We will take a look at working and manipulating music and video with javascript and how to build out a timer.
Feel free to add this project to your portofolio if you wish!
Lets build out a meditation app with html css and javascript!
❤Become a patreon for exclusive videos and more!
Patreon: dev_ed
Microphones I Use
Audio-Technica AT2020 - https://geni.us/Re78 (Amazon)
Deity V-Mic D3 Pro - https://geni.us/y0HjQbz (Amazon)
BEHRINGER Audio Interface - https://geni.us/AcbCpd9 (Amazon)
Camera Gear
Fujifilm X-T3 - https://geni.us/7IM1 (Amazon)
Fujinon XF18-55mmF2.8-4 - https://geni.us/sztaN (Amazon)
PC Specs
Kingston SQ500S37/480G 480GB - https://geni.us/s7HWm (Amazon)
Gigabyte GeForce RTX 2070 - https://geni.us/uRw71gN (Amazon)
AMD Ryzen 7 2700X - https://geni.us/NaBSC (Amazon)
Corsair Vengeance LPX 16GB - https://geni.us/JDqK1KK (Amazon)
ASRock B450M PRO4 - https://geni.us/YAtI (Amazon)
DeepCool ATX Mid Tower - https://geni.us/U8xJY (Amazon)
Dell Ultrasharp U2718Q 27-Inch 4K - https://geni.us/kXHE (Amazon)
Dell Ultra Sharp LED-Lit Monitor 25 2k - https://geni.us/bilekX (Amazon)
Logitech G305 - https://geni.us/PIjyn (Amazon)
Logitech MX Keys Advanced - https://geni.us/YBsCVX0 (Amazon)
DISCLAIMERS:
I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites.
📕 Things covered in this video:
-Working with audio tag and video tag in HTML
-How to change sounds with javascript
-Manipulating video with javascript
-Creating a javascript project for your portofolio
📔 Materials used in this video:
https://github.com/DevEdwin/meditatio...
🛴 Follow me on:
Twitter: Twitter: deved94
Github: https://github.com/DevEdwin
🎵 Music:
Outro:
LAKEY INSPIRED - Me 2 (Feat. Julian Avila)
Music By: SoundCloud: lakeyinspired
Intro:
Dj Quads
Track Name: "Every Morning"
Music By: Dj Quads @ SoundCloud: aka-dj-quads
Creative Commons — Attribution-ShareAlike 3.0 Unported— CC BY-SA 3.0
http://creativecommons.org/licenses/b...
https://developedbyed.com
I am super excited to bring you another vanilla javascript project that we are going to build from scratch!
We will be creating a meditation/ambient sounds app that a user can enjoy by picking the amount of time to listen to and choose different ambient sounds.
We will take a look at working and manipulating music and video with javascript and how to build out a timer.
Feel free to add this project to your portofolio if you wish!
Lets build out a meditation app with html css and javascript!
❤Become a patreon for exclusive videos and more!
Patreon: dev_ed
Microphones I Use
Audio-Technica AT2020 - https://geni.us/Re78 (Amazon)
Deity V-Mic D3 Pro - https://geni.us/y0HjQbz (Amazon)
BEHRINGER Audio Interface - https://geni.us/AcbCpd9 (Amazon)
Camera Gear
Fujifilm X-T3 - https://geni.us/7IM1 (Amazon)
Fujinon XF18-55mmF2.8-4 - https://geni.us/sztaN (Amazon)
PC Specs
Kingston SQ500S37/480G 480GB - https://geni.us/s7HWm (Amazon)
Gigabyte GeForce RTX 2070 - https://geni.us/uRw71gN (Amazon)
AMD Ryzen 7 2700X - https://geni.us/NaBSC (Amazon)
Corsair Vengeance LPX 16GB - https://geni.us/JDqK1KK (Amazon)
ASRock B450M PRO4 - https://geni.us/YAtI (Amazon)
DeepCool ATX Mid Tower - https://geni.us/U8xJY (Amazon)
Dell Ultrasharp U2718Q 27-Inch 4K - https://geni.us/kXHE (Amazon)
Dell Ultra Sharp LED-Lit Monitor 25 2k - https://geni.us/bilekX (Amazon)
Logitech G305 - https://geni.us/PIjyn (Amazon)
Logitech MX Keys Advanced - https://geni.us/YBsCVX0 (Amazon)
DISCLAIMERS:
I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites.
📕 Things covered in this video:
-Working with audio tag and video tag in HTML
-How to change sounds with javascript
-Manipulating video with javascript
-Creating a javascript project for your portofolio
📔 Materials used in this video:
https://github.com/DevEdwin/meditatio...
🛴 Follow me on:
Twitter: Twitter: deved94
Github: https://github.com/DevEdwin
🎵 Music:
Outro:
LAKEY INSPIRED - Me 2 (Feat. Julian Avila)
Music By: SoundCloud: lakeyinspired
Intro:
Dj Quads
Track Name: "Every Morning"
Music By: Dj Quads @ SoundCloud: aka-dj-quads
Creative Commons — Attribution-ShareAlike 3.0 Unported— CC BY-SA 3.0
http://creativecommons.org/licenses/b...
5 سال پیش
در تاریخ 1397/12/29 منتشر شده
است.
179,538
بـار بازدید شده