继续在移动设备上运行具有“屏幕关闭/背景关闭”功能的WebApp

时间:2020-07-09 13:20:19

标签: javascript html dom browser webspeech-api

我正在制作一个使用WebSpeech API进行文本到语音转换的WebApp。

我面临的问题是,每当屏幕关闭或 浏览器窗口被切换,特别是在移动设备上,语音 合成刚刚停止。当要阅读的文本花费较长时间时, 设备屏幕超时,读取进度丢失,这是 真的很糟糕的用户体验。

基本综合控制器由附加在窗口上的const synth=window.speechSynthesis;创建。

我克服了一个肮脏的解决方法,即使用NoSleep.js来保持屏幕打开,该方法实际上是在后台播放视频以使设备保持唤醒状态。

但是,我注意到一些音乐播放器可以在最小化浏览器甚至关闭屏幕的情况下播放音频。示例:wynk.in

就我而言,是否有可能实现相同目标?在音乐应用程序中如何进行输入的任何输入?除了窗口之外,附加到其他内容是否有帮助?

  1. 链接到我的WebApp:https://yakshag.github.io/tts.html
  2. 链接到我的JS脚本:https://yakshag.github.io/js/tts.js

PS:我是JavaScript初学者:p

0 个答案:

没有答案