Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Soundnode, The Journey

Soundnode, The Journey

How was the journey of building Soundnode

Michael Lancaster

August 02, 2017
Tweet

More Decks by Michael Lancaster

Other Decks in Technology

Transcript

  1. SOUNDNODE

    View Slide

  2. Michael Lancaster
    @weblancaster
    @weblancaster

    View Slide

  3. * http://blog.soundcloud.com/2011/01/06/desktop/

    View Slide

  4. Languages
    Obj C, C
    C++, Swift
    C#, VB.net,
    Silverlight
    C, C++, Java
    Tools Xcode Visual Studio Eclipse
    Market Place Apple Itunes
    Windows
    Marketplace
    Linux Apps
    OS

    View Slide

  5. The promise…
    “write once run anywhere”

    View Slide

  6. Languages
    HTML5, CSS,
    Javascript
    HTML5, CSS,
    Javascript
    HTML5, CSS,
    Javascript
    Tools
    WebStorm, Sublime
    Text, VS Code
    WebStorm, Sublime
    Text, VS Code
    WebStorm, Sublime
    Text, VS Code
    Market Place Apple Itunes
    Windows
    Marketplace
    Linux Apps
    OS

    View Slide

  7. View Slide

  8. Use case

    View Slide

  9. * first version early 2014 built on top of NW.js

    View Slide

  10. * first version early 2014 built on top of NW.js

    View Slide

  11. * https://developers.soundcloud.com/docs/api/rate-limits#play-requests (July/2015)

    View Slide

  12. * Average of 1000 (core) daily users before media coverage

    View Slide

  13. * https://github.com/Soundnode/soundnode-app/issues/266

    View Slide

  14. * latest version mid 2017

    View Slide

  15. * latest version

    View Slide

  16. * https://thenextweb.com/apps/2016/01/25/soundnode-is-the-soundcloud-desktop-app-youve-been-waiting-for/#.tnw_42EReATb

    View Slide

  17. View Slide

  18. * Average of 5000 daily users peaking at a little over 11000 users after media coverage

    View Slide

  19. How?

    View Slide

  20. + =

    View Slide

  21. Queue
    File System
    Network
    Other…
    Event Loop

    View Slide

  22. Chromium
    Skia Blink V8

    View Slide

  23. Demo

    View Slide

  24. Web standards as native

    View Slide

  25. Spotify (desktop)
    Playstation (console)
    Netflix (smart tvs)
    VS Code
    Slack (desktop)
    Chrome Browser

    View Slide

  26. BONUS
    *aka Java

    View Slide

  27. View Slide

  28. Thanks!

    View Slide