Interaktiven spletni sistem za vizualizacijo glasbe

JERAS, MATIJA (author), Marolt, Matija (mentor)

Diplomska naloga se osredotoči na razvoj interaktivnega spletnega sistema, ki uporabniku omogoča in karseda olajša interaktivno upodabljanje glasbe na platno HTML (HTML canvas). Gre za sistem, preko katerega uporabnik manipulira s prikazano sliko na platnu, ter tako s pomočjo zvoka, ki se predvaja v ozadju, upodablja glasbo. Sam uporabniški vmesnik tega sistema mora biti enostaven, razumljiv ter predvsem prijazen do uporabnika, saj mora pri upodabljanju glasbe uporabnik hitro reagirati in nima časa za iskanje želenih funkcij vmesnika. Sistem je predstavljen v obliki spletne strani. Za implementacijo se torej koristijo glavne spletne tehnologije, kot na primer HTML, JavaScript ter CSS. V tem okolju sta na voljo dva glavna načina interaktivne vizualizacije glasbe: v živo ali live, kar pomeni, da pri upodabljanju glasbe sodeluje več uporabnikov in solo ali samostojen način, kjer uporabnik sam upodablja glasbo in mu je tako na voljo več funkcij. Na voljo je tudi ogled ali prenos posnetka seje, v kateri se je upodabljala glasba na platno.

• Language: Slovenian
• Keywords: vizualizacija, glasba, upodobitev, splet, platno, HTML, v živo, solo
• Work type: Bachelor thesis/paper
• Organization: FRI - Faculty of Computer and Information Science
• Year: 2016
• PID: 20.500.12556/RUL-85026
• Publication date in RUL: 09.09.2016

Secondary language

• Language: English
• Title: Interactive system for music visualisation on the web

Abstract

This thesis focuses on the development and implementation of interactive web system, that is meant for sound vizualization. User can use this system to manipulate sound and displayed image, thus visualizing the sound on an HTML canvas. The user interface must be simple, understandable and above all user friendly, because while visualizing, user must react quickly and does not have the time to search for the desired functionality of the interface. The system is presented in the form of a website, therefore, web technologies such as HTML, JavaScript and CSS are used for implementation. There are two main ways in which the user can visualize sound: live mode, in which there are number of users involved in the visualization and solo mode, where the user visualizes the sound by himself, therefore havinig access to other functions, which are not available in live mode. All vizualization sessions are of course recorded and can be later watched or downloaded.

• Keywords: visualization, sound, web, canvas, HTML, live, solo