Ein Baum und seine Abenteuer



Introducing MusicHub

MusicHub is a website I have been working on lately.

I started it after joining DiscussionHub, a friendly general discussion forum. I wanted to make something for all members and so I came up with the concept for MusicHub. The idea is to have an easy to use and minimalistic music player on the web. A website you can visit and listen to some good music.

Staying true to this concept music starts playing once you visit the site. You can skip songs, play/pause, choose to jump to a specific song from the playlist and change the volume. You can also change the background image, but that is more of an on top feature.

I hope you enjoy the site.

 

I learned some things building it, most notably how to work with audio on a website. There will be a post about that, so stay tuned.

Author

Portrait picture of Hendrik

I am a JavaScript and GenAI Enthusiast; developer for the fun of it!
Here I write about webdev, technology, personal thoughts and anything I finds interesting.

More about me

Read next

Extending Brackets

For some time now Brackets has been my Editor of choice for web projects.

For those of you who don't know it. It is a HTML5 based editor. Using it you develop with the web, for the web. Alongside many great features like quick edit for styles and just generally being awesome to code HTML, CSS and JavaScript the thing that makes me really love it is it's live preview that can show you in real time how your changes to your code will look. With the new 0.42 Version Brackets now supports Designs, or Themes if you want to call them that. Due to that I revisited my Plugins and thought I would share what I am using.

Object-oriented JavaScript

Attention: This is kinda "old" and I personally now consider this to bad style so I won't make the effort to reformat this after moving from Wordpress to Hexo.

This Tutorial strives to enable you to build object oriented applications in JavaScript. Another goal of mine is to give you a deeper understanding of the language and principles at work. If you just want som code to copy-past and understand it while you got refer to section 7.

Prompting made me a better communicator

"Prompting bridges communication" - generated using Midjourney
"Prompting bridges communication" - generated using Midjourney

Prompt Engineering has become a passion topic of mine. It's super fun to tinker with GenAI, to ask it questions and to optimize the way that I ask those questions.

The basic of Prompt Engineering are simple:

  1. Task specify a task that you want the LLM to do for you.
  2. Context give the chatbot the context that it needs to complete your task.
  3. Format how do you want the LLM to respond to you? A bullet point list? A table? A slide deck? a blogpost?
  4. Process if you already know a great process to solve the problem, tell the AI to follow it. If you don't, at least give it room to think.