contents-main-player.html

<div id="main-pane">
  <form>
    <div class="form-group">
      <!-- <label>name</label> -->
      <input type="text" class="form-control" id="name" ng-model="ctrl.store.curYvoice.name" placeholder="設定名称">
    </div>

    <div class="form-group shortcut-hint-box">
      <!-- <label>Source</label> -->
      <textarea class="form-control" id="source" rows="4" txt-droppable ng-model="ctrl.store.yinput.source" highlight="ctrl.store.sourceHighlight" ng-blur="ctrl.blurOnSource()" ng-focus="ctrl.focusOnSource()" placeholder="メッセージ入力欄" autofocus></textarea>
      <label class="shortcut-hint-textarea">↑</label>
    </div>

    <div class="form-inline form-group btn-group-convert">
      <button class="btn btn-large btn-default shortcut-hint-box" id="encode" ng-click="ctrl.encode()" ng-disabled="!ctrl.store.yinput.source">
        <span class="icon icon-down-bold"></span>音記号列に変換
        <label class="shortcut-hint">→</label>
      </button>
      <button class="btn btn-large btn-default" id="clear" ng-click="ctrl.clear()" ng-disabled="(!ctrl.store.yinput.source) && (!ctrl.store.yinput.encoded)">
        <span class="icon icon-trash"></span>入力クリア
      </button>
      <button class="btn btn-large btn-default shortcut-hint-box" id="from-clipboard" ng-click="ctrl.fromClipboard()">
        <span class="icon icon-clipboard"></span>クリップボードから貼付
        <label class="shortcut-hint">D</label>
      </button>
    </div>
    <div class="form-group shortcut-hint-box">
      <!-- <label>Encoded</label> -->
      <textarea class="form-control" id="encoded" rows="4" txt-droppable ng-model="ctrl.store.yinput.encoded" highlight="ctrl.store.encodedHighlight" ng-blur="ctrl.blurOnEncoded()" ng-focus="ctrl.focusOnEncoded()" placeholder="音記号列入力欄"></textarea>
      <label class="shortcut-hint-textarea">↓</label>
    </div>

    <div class="form-inline form-group">
      <select class="form-control" ng-model="ctrl.store.curYvoice.phont" id="phont" ng-change="ctrl.onChangePhont()">
        <option ng-repeat="v in ::ctrl.phontSelectionList track by v.id" ng-value="v.id" ng-bind="v.name"></option>
      </select>
    </div>

    <div class="form-inline form-group">
      <input type="range" min="50" max="300" id="speed" ng-model="ctrl.store.curYvoice.speed">
      再生速度:<span ng-bind="ctrl.store.curYvoice.speed"></span>
    </div>
    <div class="form-inline form-group" ng-show="ctrl.appCfg.audioServVer == 'webaudioapi'">
      <input type="range" min="0" max="3" step="0.1" id="volume" ng-model="ctrl.store.curYvoice.volume">
      音量:<span ng-bind="ctrl.store.curYvoice.volume"></span>
    </div>
    <div class="checkbox">
      <label>
        <input type="checkbox" ng-model="ctrl.store.curYvoice.rhythmOn">抑揚ON
      </label>
    </div>

    <div class="form-group">
      <button class="btn btn-large btn-default pull-right switch-view" id="switch-settings-view" ng-click="ctrl.switchSettingsView()">
        <span class="icon icon-shuffle"></span>設定画面に切替
      </button>
    </div>
  </form>

  <div static-include template-path="contents-main-messages.html" ng-show="ctrl.appCfg.showMsgPane"></div>
</div><!-- main pane -->