Listening to the Virginia Barrier Islands

view site - view code

This was made in collaboration with fellow UVA student, Eli Stine, who had previously done an app version of it in Max in collaboration with an ecologist. The data used in the app is based on bird population data in 1990 on Cobb and Hog Islands, which are inaccessible except by boat. Bird calls are spatialized on the island based on where their species generally prefers to be, using a land use map of terrain types provided by the ecologist.

Leaflet.js is used for the map, spatialization is done with IRCAM's binaural convolution node for the web audio API, and NodeJS does everything else. It's a resource-intensive page (the audio file of all the bird sounds is about an hour long, and 25MB!), so I don't recommend viewing it on mobile.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet eros dolor, vestibulum tempus enim suscipit sed. Nam vitae rhoncus ligula, ac volutpat augue. Donec sed sollicitudin lectus, nec tristique lacus. Aliquam ipsum ante, euismod at malesuada at, cursus non orci. Phasellus eu nisi mauris. Donec quis luctus sapien. Fusce commodo quis neque vitae eleifend.

Nam malesuada, purus nec vestibulum maximus, mauris ex hendrerit turpis, eget sodales odio erat at tellus. Mauris viverra porttitor cursus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam a purus neque. Quisque aliquam sem in enim facilisis, nec dapibus ante laoreet. Etiam imperdiet auctor consequat. Vestibulum pellentesque sollicitudin orci, quis mollis felis mattis id. Suspendisse velit nibh, posuere eu ultrices sed, porta sit amet sapien. Fusce egestas dapibus risus sit amet condimentum. Nullam placerat quam ut vulputate tincidunt. Sed ante urna, bibendum eu felis eu, auctor lobortis lorem.

Donec scelerisque lectus odio, at venenatis erat egestas non. Etiam porta euismod sapien. Cras quis imperdiet lectus. Sed sed erat at neque facilisis congue et vitae nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Sed at pharetra lacus. Suspendisse mattis, quam sit amet aliquam pharetra, ex eros molestie dui, et cursus magna turpis in tortor.

Suspendisse sollicitudin id lacus et dictum. Nam dignissim justo nec purus sollicitudin, sit amet congue risus sollicitudin. Aenean sit amet lectus vel turpis aliquet scelerisque in eget nulla. Aenean velit est, ultrices at diam tristique, accumsan suscipit sem. Nunc ultrices sed elit eu egestas. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas pellentesque metus ante, at blandit massa consequat in. Mauris a lacus a massa euismod tristique pulvinar ut metus. Nam fermentum nibh pharetra elit vulputate, nec consectetur tellus laoreet. Nullam aliquet congue sagittis.

Duis vestibulum mi sit amet mi dignissim, nec porttitor dolor tempus. Vivamus quis neque ac magna aliquet venenatis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse luctus augue nec diam accumsan, ac facilisis est sodales. Vestibulum eu odio efficitur, condimentum quam ultrices, aliquam urna. Maecenas ante magna, elementum sed eleifend ut, dapibus in sapien. Sed blandit arcu sit amet nulla lacinia, at rhoncus arcu ultricies. Pellentesque quis diam et mi ultrices vestibulum. Aliquam tincidunt in urna vitae vestibulum. Cras facilisis dictum pellentesque. Phasellus semper libero in ullamcorper rhoncus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet eros dolor, vestibulum tempus enim suscipit sed. Nam vitae rhoncus ligula, ac volutpat augue. Donec sed sollicitudin lectus, nec tristique lacus. Aliquam ipsum ante, euismod at malesuada at, cursus non orci. Phasellus eu nisi mauris. Donec quis luctus sapien. Fusce commodo quis neque vitae eleifend.

Nam malesuada, purus nec vestibulum maximus, mauris ex hendrerit turpis, eget sodales odio erat at tellus. Mauris viverra porttitor cursus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam a purus neque. Quisque aliquam sem in enim facilisis, nec dapibus ante laoreet. Etiam imperdiet auctor consequat. Vestibulum pellentesque sollicitudin orci, quis mollis felis mattis id. Suspendisse velit nibh, posuere eu ultrices sed, porta sit amet sapien. Fusce egestas dapibus risus sit amet condimentum. Nullam placerat quam ut vulputate tincidunt. Sed ante urna, bibendum eu felis eu, auctor lobortis lorem.

Donec scelerisque lectus odio, at venenatis erat egestas non. Etiam porta euismod sapien. Cras quis imperdiet lectus. Sed sed erat at neque facilisis congue et vitae nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Sed at pharetra lacus. Suspendisse mattis, quam sit amet aliquam pharetra, ex eros molestie dui, et cursus magna turpis in tortor.

Suspendisse sollicitudin id lacus et dictum. Nam dignissim justo nec purus sollicitudin, sit amet congue risus sollicitudin. Aenean sit amet lectus vel turpis aliquet scelerisque in eget nulla. Aenean velit est, ultrices at diam tristique, accumsan suscipit sem. Nunc ultrices sed elit eu egestas. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas pellentesque metus ante, at blandit massa consequat in. Mauris a lacus a massa euismod tristique pulvinar ut metus. Nam fermentum nibh pharetra elit vulputate, nec consectetur tellus laoreet. Nullam aliquet congue sagittis.

Duis vestibulum mi sit amet mi dignissim, nec porttitor dolor tempus. Vivamus quis neque ac magna aliquet venenatis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse luctus augue nec diam accumsan, ac facilisis est sodales. Vestibulum eu odio efficitur, condimentum quam ultrices, aliquam urna. Maecenas ante magna, elementum sed eleifend ut, dapibus in sapien. Sed blandit arcu sit amet nulla lacinia, at rhoncus arcu ultricies. Pellentesque quis diam et mi ultrices vestibulum. Aliquam tincidunt in urna vitae vestibulum. Cras facilisis dictum pellentesque. Phasellus semper libero in ullamcorper rhoncus.