Add Playback menu for playback-related functionality

main/menu.js

@@ -230,21 +230,6 @@ function getAppMenuTemplate () {
         {
           type: 'separator'
         },
-        {
-          label: 'Increase Volume',
-          accelerator: 'CmdOrCtrl+Up',
-          click: increaseVolume,
-          enabled: false
-        },
-        {
-          label: 'Decrease Volume',
-          accelerator: 'CmdOrCtrl+Down',
-          click: decreaseVolume,
-          enabled: false
-        },
-        {
-          type: 'separator'
-        },
         {
           label: 'Developer',
           submenu: [
@@ -266,6 +251,23 @@ function getAppMenuTemplate () {
         }
       ]
     },
+    {
+      label: 'Playback',
+      submenu: [
+        {
+          label: 'Increase Volume',
+          accelerator: 'CmdOrCtrl+Up',
+          click: increaseVolume,
+          enabled: false
+        },
+        {
+          label: 'Decrease Volume',
+          accelerator: 'CmdOrCtrl+Down',
+          click: decreaseVolume,
+          enabled: false
+        }
+      ]
+    },
     {
       label: 'Window',
       role: 'window',
@@ -346,7 +348,7 @@ function getAppMenuTemplate () {
     })
 
     // Window menu (OS X)
-    template[4].submenu.push(
+    template[5].submenu.push(
       {
         type: 'separator'
       },
@@ -366,7 +368,7 @@ function getAppMenuTemplate () {
     })
 
     // Help menu (Windows, Linux)
-    template[4].submenu.push(
+    template[5].submenu.push(
       {
         type: 'separator'
       },