Lonce Wyse Arts and Creativity Lab National University of Singapore Net-Music 2013: The Internet as Creative Resource in Music.

Slides:



Advertisements
Similar presentations
IETF in the Browser Harald Alvestrand. The Purpose of the IETF The goal of the IETF is to make the Internet work better. The mission of the IETF is to.
Advertisements

Using Multimedia on the Web Enhancing a Web Site with Sound, Video, and Applets.
HTTP Request/Response Process 1.Enter URL ( in your browser’s address bar. 2.Your browser uses DNS to look up IP address of server.com.
RESTful APIs and Delivery Formats for 3D Resources Kristian Sons (DFKI) Rémi Arnauld (AMD) Johannes Behr (Fraunhofer IGD) The multimedia point of view.
© 2014 IBM Corporation Empowering the IBM ecosystem Introduction to Developing applications using node.js on Bluemix IBM Ecosystem Development Instructors.
Reza hooshangi ( ). short history  One of the last major challenges for the web is to enable human communication via voice and video: Real Time.
William Guyton Legal Services Alabama I.T. Manager.
The State of the Art in VoiceXML Chetan Sharma, MS Graduate Student School of CSIS, Pace University.
MSc. Publishing on WWW JavaScript. What is JavaScript? A scripting language devised by Netscape Adds functionality to web pages by: Embedding code into.
ACTIVE X By Ethan Huang. OUTLINE What is ActiveX? Component of ActiveX Why ActiveX? ActiveX and Java Security Issue.
Multimedia and the WWW Howell Istance and Chris Hand, Napier University.
Active X Microsoft’s Answer to Dynamic Content Reference: Using Active X by Brian Farrar QUE
Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.
Packetizer ® Copyright © 2009 H.325: An Application Platform A Closer Look at the “Container” Paul E. Jones Rapporteur Q12/16 April 7,
1 CS428 Web Engineering Lecture 18 Introduction (PHP - I)
The PHP Story. PHP Story PHP is a programming language. Incorporate(join) sophisticated business logic. Widely used general purpose scripting language.
Chapter 11 Adding Media and Interactivity. Flash is a software program that allows you to create low-bandwidth, high-quality animations and interactive.
© 2011 Delmar, Cengage Learning Chapter 11 Adding Media and Interactivity with Flash and Spry.
HTML 5 New Standardization of HTML. I NTRODUCTION HTML5 is The New HTML Standard, New Elements New Attributes Full CSS3 Support Video and Audio 2D/3D.
HTML5 GAMING By Scott Benton. HTML5 New HTML Standard Previous Version of HTML, HTML 4.01, Released in 1999 Not an Official Standard Yet No Browsers Have.
Copyright © 2012 Certification Partners, LLC -- All Rights Reserved Lesson 5: Multimedia on the Web.
Computer Concepts 2014 Chapter 7 The Web and .
DHTML. What is DHTML?  DHTML is the combination of several built-in browser features in fourth generation browsers that enable a web page to be more.
CHAPTER 2 Communications, Networks, the Internet, and the World Wide Web.
Mobile App Support Jacob Poirier Geri Hengesbach Andrea Menke Erin Rossell.
Introduction to Silverlight. Slide 2 What is Silverlight? It’s part of a Microsoft Web platform called Rich Internet Applications (RIA) There is a service.
Discovering Computers 2010 Chapter 2 The Internet and World Wide Web.
WebRTC Multimedia in www Ján Murányi, Ivan Kotuliak.
Java Mobile Apps with GWT & PhoneGap Josh Marinacci, webOS Developer Advocate.
Adobe FLASH What & Why? Where & When? Is Flash dead? What about HTML5?
Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.
MOOD FOOD. PROMOTIONAL WEBSITE Front end of a cross-module project between Advanced Rich Internet Applications and Advanced Client Side Scripting. Promotional.
Node.js - What is Node.js? -
Chapter 34 Java Technology for Active Web Documents methods used to provide continuous Web updates to browser – Server push – Active documents.
XP Tutorial 8New Perspectives on Creating Web Pages with HTML, XHTML, and XML 1 Using Multimedia on the Web Enhancing a Web Site with Sound, Video, and.
Tutorial 7 Working with Multimedia
Tutorial 7 Designing a Multimedia Web Site
Google Apps in Education Workshop Presentation August 2010.
Tutorial 7 Working with Multimedia. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Explore various multimedia applications.
Tutorial 7 Working with Multimedia. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Explore various multimedia applications.
Class 02 – 03 Feb 2014 Setup Where do we begin? Know your content Discovering your target user.
NETWORK HARDWARE AND SOFTWARE MR ROSS UNIT 3 IT APPLICATIONS.
Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.
Database Systems: Design, Implementation, and Management Eighth Edition Chapter 14 Database Connectivity and Web Technologies.
Session: 1. © Aptech Ltd. 2Introduction to the Web / Session 1  Explain the evolution of HTML  Explain the page structure used by HTML  List the drawbacks.
Web 2.0 and Telco 2.0 n Service orientation is about inter-operability and federation across domains. l Domain silos defeat the purpose. l User wants one.
Getting started with Programming using IDE. JAVA JAVA IS A PROGRAMMING LANGUAGE AND A PLATFORM. IT CAN BE USED TO DELIVER AND RUN HIGHLY INTERACTIVE DYNAMIC.
Database Systems: Design, Implementation, and Management Eighth Edition Chapter 14 Database Connectivity and Web Technologies.
WebRTC Don McGregor Research Associate MOVES Institute
Website Design, Development and Maintenance ONLY TAKE DOWN NOTES ON INDICATED SLIDES.
Chapter 11 Adding Media and Interactivity. Chapter 11 Lessons Introduction 1.Add and modify Flash objects 2.Add rollover images 3.Add behaviors 4.Add.
The Internet What is the Internet? The Internet is a lot of computers over the whole world connected together so that they can share information. It.
® ® copyright © 2013 Open Geospatial Consortium What HTML5 and REST mean to the Geo community Raj Singh, PhD Open Geospatial Consortium
丁建文 國立高雄應用科大資管系副教授 兼任計網中心軟體發展組組長 跨平台行動應用軟體開發技術 : HTML5 & Mobile JavaScript Framework 暨南大學.
Introduction to Node.js® Jitendra Kumar Patel Saturday, January 31, 2015.
Chapter 11 Panko and Panko Business Data Networks and Security, 11 th Edition Copyright © 2016 Pearson Finally, Layer 5!
Google. Android What is Android ? -Android is Linux Based OS -Designed for use on cell phones, e-readers, tablet PCs. -Android provides easy access to.
Applications Active Web Documents Active Web Documents.
Node.Js Server Side Javascript
Web Concepts Lesson 2 ITBS2203 E-Commerce for IT.
Google Web Toolkit Tutorial
BTEC NCF Dip in Comp - Unit 15 Website Development Lesson 05 – Website Performance Mr C Johnston.
Application with Cross-Platform GUI
PHP / MySQL Introduction
Node.Js Server Side Javascript
5 things you didn’t know you can BUILD with Microsoft Edge
03 | Building a Backend with Socket.IO and Mongo
Modern web applications
Lesson 5: Multimedia on the Web
Running C# in the browser
Presentation transcript:

Lonce Wyse Arts and Creativity Lab National University of Singapore Net-Music 2013: The Internet as Creative Resource in Music

 Some new emerging standards from the World Wide Web Consortium  What’s so exciting about standards?  Functionality that becomes standard in the browser  Becomes cross platform  Runs natively  Requires no plug-in (end user effort)  Related technology developments

 Native audio engine in browsers with API called through javascript.  “Node” / connection flow-graph construction model  Create “Nodes”  Osc.connect(Filter);  Filter.connect(Conext.destination)

 Sample-accurate scheduling for built-in components (nodes, parameter automation)  Spatialization (sound cones, obstruction, oriented “listeners”)  Buffer Nodes, Gain Nodes  Oscillators, Delay, Channel management, Common Filter types, compression, waveshaping  Convolution, Time and frequency analysis  (Predefined) Parameters with automation

 “Roll your own” ScriptProcessorNodes for generation and processing of audio.  Not treated the same as system Audio Nodes  Timing latency and jitter  Can’t attach WebAudio Paramters to them.  Callbacks from audio processing thread  One API fits all (sound designers – sound users)  Future (ever-increasing number of node types?)

 WebRTC (also W3C emerging standard)  Oriented toward P2P media movement (eg video chat).  Access to user media – audio and video  No more plug-ins!  Plays nicely with WebAuido.  Also running on some mobile browsers

 First introduced in 1995 to add short interpreted scripts in HTML for dynamic elements – it has come a long way in a short time.  Google V8 engine (chrome, safari, node.js) brought huge increases in speed. Image:  Excellent browser debugging tools.  Libraries – thousands upon thousands.  Phone sensor data, large project support.  Still some issues that make it a less-than- ideal educational tool.

 Server side applications  Javascript on Google V8 virtual machine  Single-threaded, asynchronous event handling  Works with socket.io (a wrapper for web sockets) for real-time apps with two-way open communications.  Now one language for network, clients, app, sound synthesis….

 jsaSound  Sound development tools  Anticipatory Score  Shared graphical scrolling score paradigm  Network control signals with node.js server  Augmented Storytelling  Inter-browser communication for synthesis and control

 Library for creating WebAudio sound models.  Building tools  Simple and consistent API  play(), stop(), release(), setParam(), setParamNorm(), getParam(["name", "type", "val", "normval", "min","max"]  In action: animatedsoundworks.com/jsaSound*animatedsoundworks.com/jsaSound  Open source  [* Tested with Canary Browser]

Synth1 Patch Synth2 Patch Server Patch Synth2 Patch Synth1 Patch Server Patch Node.js Server Anticipatory Scores

 Putting sound interaction and voice transformation in to the hands of the storyteller  Oral traditions:  Shareabiltiy  Mutability

Story Telling & Sharing Sound Server Sound Server * Controller [* Tested with Canary Browser]

 And a much less than perfect one, at that.  But … Creative possibilities  The integration with web brings  Accessibility (no apps or plug-ins to download)  Cross platform (or will our hearts be broken again…)  Possibilities for massive participation  Access to unprecedented data flows to integrate into artworks  Dynamic and programmable at all levels, not just audio  … and it even says right in the WebAudio specification: Artistic Audio Exploration There are many creative possibilities for artistic sonic environments for installation pieces.

 W3C Web Audio draft spec   Working grouop mailing list  HTML5 Audio Blog   Node.js 