s3thi

`<button (click)='onClick()' [disabled]='loadingSample'>play</button>`

s3thi

playSample() {
    let bufferSource = this.audioContext.createBufferSource();
    bufferSource.buffer = this.audioBuffer;
    bufferSource.connect(this.audioContext.destination);
    bufferSource.start(0);
}

s3thi

export class AppComponent implements OnInit {
  private audioContext: AudioContext;
  private loadingSample: boolean = false;
  private audioBuffer: AudioBuffer;

  ngOnInit() {
    this.audioContext = new AudioContext();
  }
}

s3thi

`<button [disabled]='loadingSample'>play</button>`

s3thi

ngOnInit() {
    this.audioContext = new AudioContext();

    this.loadingSample = true;
    this.fetchSample()
        .then((audioBuffer) => {
            this.loadingSample = false;
            this.audioBuffer = audioBuffer;
        })
        .catch((error) => {

s3thi

fetchSample(): Promise<AudioBuffer> {
    return fetch(‘samples/snare.wav’)
        .then((response) => response.arrayBuffer())
        .then((buffer) => {
            return new Promise((resolve, reject) => {
                this.audioContext.decodeAudioData(buffer, resolve, reject);
        });
    });
}

s3thi

import { Component, OnInit } from ‘angular2/core’;


@Component({
    selector: 'my-app',
    template: `<h1>My First Angular2 App</h1>`
})
export class AppComponent implements OnInit {
    private audioContext: AudioContext;

s3thi

import { Component } from ‘angular2/core’;


@Component({
     selector: ‘my-app’,
     template: `<h1>My First Angular 2 App</h1>`
})
export class AppComponent { }

s3thi

def add_five(n):
  return n+5


def add_seven(n):
  return n+7


def add_nine(n):
  return n+9

s3thi

def fail():
    return 'this will break