Adding Bookmarks or Chapters to our Custom Audio Player in React

Published: 29 June 2021
on channel: Self Teach Me
2,658
61

In this video, Amy adds bookmarks or chapters to the custom audio player in React.

0:00 Introduction
1:12 Setting the Project up, on your Machine
2:25 Hard coding a chapter in
3:03 Styling our chapter
6:24 Creating a variable for our chapters
7:30 Displaying chapters dynamically
14:06 Having chapters start at the very beginning and the very end

💥 ZEAL IS HIRING 💥
http://softwareresidency.com/zeal

⭐ MULTI-PART SERIES
Part 1 - Building a Custom Audio Player within React -    • How to Build a Custom Audio Player in...  
Part 2 - Debugging within VS Code -    • Debugging Inside VS Code  
Part 3 - Adding Chapters / Bookmarks = YOU ARE HERE
Part 4 - Adding Time Jumps
Part 5 - When the player reaches the end...
Part 6 - Creating Custom Hooks
Part 7 - Creating a Custom npm package
Part 8 - Adding an Audio Waveform Image
Part 9 - Handling Multiple Audio Players on the Page
Part 10 - Handing off to a Persistent Player

🤖 FINAL CODE
GitHub -

🔗 LINKS
Starting Point (if you want to follow along) -
CSS Modules - https://github.com/css-modules/css-mo...

👉🏻 Get Updates and Exclusive content at http://selfteach.me
💥 SelfTeach.me is a Zeal show: http://codingzeal.com


Watch video Adding Bookmarks or Chapters to our Custom Audio Player in React online without registration, duration hours minute second in high quality. This video was added by user Self Teach Me 29 June 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2,658 once and liked it 61 people.