|
243 | 243 | $page .= '<ul class="lp_resource">'.$documentTree.'</ul>';
|
244 | 244 | $page .= '</li>';
|
245 | 245 | $page .= '</ul>';
|
| 246 | + |
| 247 | +if (Text2SpeechPlugin::create()->isEnabled(true)) { |
| 248 | + $page .= '<div class="clearfix"></div> |
| 249 | + <h3 class="page-header"> |
| 250 | + <small>'.get_lang('Or').'</small> |
| 251 | + '.get_lang('Text to Speech').' |
| 252 | + </h3> |
| 253 | + <div class="row"> |
| 254 | + <div class="col-sm-8 col-sm-offset-2"> |
| 255 | + <p> |
| 256 | + <button id="btn-tts" class="btn btn-default" type="button"> |
| 257 | + <span id="btn-tts__spinner" class="fa fa-spinner fa-spin" aria-hidden="true" style="display: none;"></span> |
| 258 | + '.get_lang('GenerateAudioFromContent').' |
| 259 | + </button> |
| 260 | + </p> |
| 261 | + <p id="tts-player" id="tts-player" style="display: none;"> |
| 262 | + <audio controls class="skip"></audio> |
| 263 | + </p> |
| 264 | + <p id="tts-warning" class="alert alert-warning" style="display: none;"> |
| 265 | + '.get_lang('ErrorOccurred').' |
| 266 | + </p> |
| 267 | + <p> |
| 268 | + <button id="btn-save-tts" class="btn btn-primary" type="button" disabled> |
| 269 | + <span id="btn-save-tts__spinner" class="fa fa-spinner fa-spin" aria-hidden="true" style="display: none;"></span> |
| 270 | + '.get_lang('SaveRecordedAudio').' |
| 271 | + </button> |
| 272 | + </p> |
| 273 | + </div> |
| 274 | + </div> |
| 275 | + <script> |
| 276 | + $(function () { |
| 277 | + var btnTts = $(\'#btn-tts\'); |
| 278 | + var btnTssSpiner = $(\'#btn-tts__spinner\'); |
| 279 | + var ttsPlayer = $(\'#tts-player\'); |
| 280 | + var ttsPlayerAudio = $(\'#tts-player audio\'); |
| 281 | + var ttsWarning = $(\'#tts-warning\'); |
| 282 | + |
| 283 | + var btnSaveTts = $(\'#btn-save-tts\'); |
| 284 | + var btnSaveTtsSpiner = $(\'#btn-save-tts__spinner\'); |
| 285 | + |
| 286 | + btnTts.on(\'click\', function (e) { |
| 287 | + e.preventDefault(); |
| 288 | + |
| 289 | + ttsWarning.hide(); |
| 290 | + btnTts.prop(\'disabled\', true); |
| 291 | + btnTssSpiner.show(); |
| 292 | + |
| 293 | + $ |
| 294 | + .ajax(_p.web_plugin + \'text2speech/convert.php?item_id='.$lp_item_id.'\') |
| 295 | + .done(function (response) { |
| 296 | + ttsPlayer.show(); |
| 297 | + ttsPlayerAudio.prop(\'src\', response).mediaelementplayer(); |
| 298 | + btnSaveTts.prop(\'disabled\', false); |
| 299 | + }) |
| 300 | + .fail(function () { |
| 301 | + ttsPlayer.hide(); |
| 302 | + ttsWarning.show(); |
| 303 | + btnSaveTts.prop(\'disabled\', true); |
| 304 | + }) |
| 305 | + .always(function () { |
| 306 | + btnTssSpiner.hide(); |
| 307 | + btnTts.prop(\'disabled\', false); |
| 308 | + }); |
| 309 | + }); |
| 310 | + |
| 311 | + btnSaveTts.on(\'click\', function () { |
| 312 | + btnSaveTts.prop(\'disabled\', true); |
| 313 | + btnSaveTtsSpiner.show(); |
| 314 | + |
| 315 | + var xhr = new XMLHttpRequest(); |
| 316 | + xhr.open(\'GET\', ttsPlayerAudio.prop(\'src\')); |
| 317 | + xhr.responseType = \'blob\'; |
| 318 | + xhr.onload = function (recordedBlob) { |
| 319 | + console.log(recordedBlob); |
| 320 | + var formData = new FormData(); |
| 321 | + formData.append(\'file\', recordedBlob.target.response, \'audio-'.$lp_item_id.'\.wav\'); |
| 322 | + formData.append(\'id\', '.$lp_item_id.'); |
| 323 | + |
| 324 | + $.ajax({ |
| 325 | + url: $(\'#add_audio\').prop(\'action\'), |
| 326 | + data: formData, |
| 327 | + processData: false, |
| 328 | + contentType: false, |
| 329 | + type: \'POST\', |
| 330 | + success: function (fileURL) { |
| 331 | + if (!fileURL) { |
| 332 | + return; |
| 333 | + } |
| 334 | + |
| 335 | + window.location.reload(); |
| 336 | + } |
| 337 | + }); |
| 338 | + }; |
| 339 | + xhr.send(); |
| 340 | + }); |
| 341 | + }); |
| 342 | + </script> |
| 343 | + '; |
| 344 | +} |
| 345 | + |
246 | 346 | $page .= '</div>';
|
247 | 347 | $page .= '</div>';
|
248 | 348 |
|
|
0 commit comments