Partage de sons (#4)

* Permet la lecture d'un son passé en paramètre d'URL

* Remplace du code créé par l'utilisation d'un template

* Ajoute un bouton de partage

* Ajoute une région pour gérer une modal

* Affiche une modal de partage

* Améliore le style du flash de sélection de son

* Corrige un mauvais appel de fonction

* Supprime la destruction de la vue au scroll de la fenêtre : le comportement n'est pas idéal sur iOS quand il y a le focus sur l'input

* Ne joue pas automatiquement le son partagé sur iOS
(après avoir tenté : https://paulbakaus.com/tutorials/html5/web-audio-on-ios/ )

* Permet d'éviter le zoom au focus sur l'input

* Ajoute, dans le style, des préfixes manquants

js/app/app.js

@@ -12,10 +12,12 @@ define("app", function(require) {
     app = Marionette.Application.extend({
         initialize: function intialize() {
             this.addRegions({
-                mainRegion: "#main"
+                mainRegion: "#main",
+                modalRegion: "#modal"
             });
 
             Radio.channel("App").reply("region:show", this.showRegion.bind(this));
+            Radio.channel("App").reply("modal:show", this.showModal.bind(this));
 
             this.router = new Marionette.AppRouter();
 
@@ -26,7 +28,8 @@ define("app", function(require) {
             var soundboardController = new SoundboardController();
 
             this.router.processAppRoutes(soundboardController, {
-                "": "index"
+                "": "index",
+                "son/:slug": "index"
             });
 
             if (Backbone.history) {
@@ -39,6 +42,10 @@ define("app", function(require) {
 
         showRegion: function showRegion(params) {
             this.mainRegion.show(params.view);
+        },
+
+        showModal: function showModal(params) {
+            this.modalRegion.show(params.view);
         }
     });