Silent shots: the camera can make its own sound in step with the action

trailer.html

@@ -1260,7 +1260,13 @@
              ["layer", "Our recording, and the camera adds the sounds of the place"],
              ["voice", "The camera performs the line in our actor’s voice, in the place"]].map(function (o) {
                return '<option value="' + o[0] + '"' + ((s.audio_mode || "copy") === o[0] ? ' selected' : '') + '>' + o[1] + '</option>'; }).join("")
-          + '</select></label>' : '')
+          + '</select></label>'
+        : '<label style="margin-top:6px">How this shot\'s sound is made '
+          + '<select data-soundmode="' + esc(s.id) + '">'
+          + [["", "Our sound-effects track, copied exactly (the sounds land where the track puts them)"],
+             ["native", "The camera makes the sound itself, in step with the action (a horn as the hand presses it, a bark as the mouth opens)"]].map(function (o) {
+               return '<option value="' + o[0] + '"' + ((s.sound_mode || "") === o[0] ? ' selected' : '') + '>' + o[1] + '</option>'; }).join("")
+          + '</select></label>')
       + '</div>';
   }
 
@@ -2195,6 +2201,14 @@
     var el = e.target;
     if (el.getAttribute && el.getAttribute("data-pagepick")) {
       PAGE = Number(el.value) || 0; await refresh(); return; }
+    var ssid = el.getAttribute && el.getAttribute("data-soundmode");
+    if (ssid) {
+      var inp2 = document.querySelector('[data-filmnote="' + ssid + '"]');
+      var r2 = await api("set_film_note", { draft_id: CUR, shot_id: ssid, note: inp2 ? inp2.value : "", sound_mode: el.value });
+      if (r2.ok) { (PKG.shots || []).forEach(function (x) { if (String(x.id) === ssid) x.sound_mode = el.value; });
+        showMsg("msg", "Saved. Make the shot again to hear the difference.", "ok"); }
+      return;
+    }
     var asid = el.getAttribute && el.getAttribute("data-audiomode");
     if (!asid) return;
     var inp = document.querySelector('[data-filmnote="' + asid + '"]');