Greg Jopa

Thoughts about web development and music

Calculate Note Frequencies in JavaScript With MUSIC.js

| Comments

Note frequencies in JavaScript with MUSIC.js

MUSIC.js is a music creation library containing functions and data sets to generate notes, intervals, chords, and scales.

With the new client-side script APIs (Firefox’s Audio Data API and Webkit’s Web Audio API) we have the ability to do audio synthesis (generate sound) with javascript. MUSIC.js is designed to make it easier to do audio synthesis with javascript by providing functionality for frequency calculations and transposing notes.

CRUD Operations W/ XML Data in ASP.NET MVC 3

| Comments

CRUD Operations with XML Data in ASP.NET MVC 3

Create, read, update, and delete (CRUD) operations are easy to perform in ASP.NET MVC. By using the default T4 scaffolding templates and strongly-typed views you can quickly build a web application that can create, update, and delete records.

Using ASP.NET MVC 3 I built a simple Billing Application that performs CRUD operations on an XML file. With LINQ I was able to quickly write code to update nodes in the XML file.

ASP.NET MVC 3 With jQuery Mobile and Google Maps

| Comments

jQuery Mobile Google Maps

Using ASP.NET MVC I created a mashup with jQuery Mobile and Google Maps. This app reads a list of locations from an xml file and creates a jQuery Mobile page for each location. Each page contains a map with a marker and an info window for displaying the location details.

Guitar Tab Player With the Firefox Audio Data API

| Comments

Vexflow Guitar Tab Player

What if there was a standardized way to display interactive guitar tab on the web? And this guitar tab could be listened to and required no plugins to run, just a browser…

I built a web-based guitar tab player using Firefox’s Audio Data API and Vexflow. This proof of concept guitar tab player reads MusicXML files and dynamically generates tablature and audio using JavaScript.

Flickr Feed With Fancybox

| Comments

Using Flickr with Fancybox jquery plugin

Using jQuery I combined Flickr’s public photo feed with FancyBox to provide an interactive way to browse the latest Flickr pictures. My code pulls pictures from Flickr and formats them into a lightbox-style image gallery.