index.html 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1" />
  6. <link rel="canonical" href="https://jamesfengcao.gitlab.io/uweb/zh/html5/" />
  7. <link rel="stylesheet" href="../style.css#" type="text/css" />
  8. <title>html5应用</title>
  9. <script>
  10. function findLang(){
  11. let href = location.href;
  12. for(let i=href.length-1;i>0;i--){
  13. if('/'==href.charAt(i) && '/'==href.charAt(i-3))
  14. return i;
  15. }
  16. return 0;
  17. }
  18. function nav2(page){
  19. let i = findLang();
  20. location.href = location.href.substring(0,i+1)+page;
  21. }
  22. function nav2Lang(lang){
  23. let i = findLang();
  24. let href = location.href;
  25. location.href = location.href.substring(0,i-2)+lang+location.href.substring(i);
  26. }
  27. </script>
  28. </head>
  29. <body>
  30. <header class='header'>
  31. <a class="logo" href="javascript:void(0)" onclick="return nav2('index.html#')">首页</a> <a class="logo" href="javascript:void(0)" onclick="return nav2('tags/index.html#')">标签</a>
  32. <a class="logo" href="javascript:void(0)" onclick="return nav2Lang('en')">English</a>
  33. <nav>
  34. </nav>
  35. </header>
  36. <br />
  37. <div class="container">
  38. <h1 class="title">html5应用
  39. <br>
  40. <span class="subtitle"></span>
  41. </h1>
  42. <ul class="tags">
  43. </ul>
  44. <p>mdict字典搜索引擎:<br>
  45. <a href="../../en/bookmark/index.html#">书签页面</a>可字典扫描并自动添加。<br>
  46. 长按底部右箭头弹出系统菜单=&gt;添加搜索引擎=&gt;第三行输入搜索引擎串。对于需要批量添加的用户,显示主屏时,可长按底部时钟按钮,点击编辑器,然后添加保存,清后台重启生效。mdict搜索引擎串有以下两类(推荐第一类)。</p>
  47. <p>i:5ifile:///.../xxx.mdx,xxx.mdd?app=https://cdn.jsdelivr.net/gh/torappinfo/uweb/en/searchurl/mdict/mdict.html#word=%s</p>
  48. <p>其中&quot;/.../xxx.mdx,xxx.mdd&quot;为词典文件全路径。</p>
  49. <p>i:5ihttps://uwebzh.netlify.app/zh/searchurl/txt/mdict.html?file=mdict/xxx.mdx,mdict/xxx.mdd#word=%s</p>
  50. <p>对于这类搜索引擎,字典文件必须位于配置目录应用子目录&quot;app&quot;下。上述字典搜索引擎例子中文件&quot;xxx.mdx&quot;及&quot;xxx.mdd&quot;位于&quot;.../app/mdict&quot;下。为方便文件操作,用户可<a href="../../en/bookmark/index.html#">符号链接&quot;app&quot;至任意公共目录</a>。</p>
  51. <p><a target="_self" href="i:0happ/txtview.html:../searchurl/txt/txtview.html">点击安装超大文件阅读器(支持txt, html, markdown)</a><br>
  52. <a target="_self" href="i:0happ/markdeep.html:../searchurl/txt/markdeep.html">点击安装超大文件阅读器(markdeep版, latex, diagram,graphviz等)</a><br>
  53. <a target="_self" href="i:0happ/plyr.html:../searchurl/txt/plyr.cfg">点击安装plyr视频播放器</a><br>
  54. <a target="_self" href="i:0happ/dplayer.html:../searchurl/txt/dplayer.html">点击安装dplayer视频播放器</a><br>
  55. <a target="_self" href="i:0happ/pdfviewer.html:../searchurl/txt/pdfviewer.html">点击安装pdf阅读器</a><br>
  56. <a target="_self" href="i:0happ/epub.html:../searchurl/txt/epub.html">点击安装epub阅读器(作者:llili)</a><br>
  57. <a target="_self" href="i:0happ/djvu.html:../searchurl/txt/djvu.html">点击安装djvu阅读器</a><br>
  58. 相应的菜单安装可见<a href="../urls/index.html#">浏览器特色服务</a></p>
  59. <p>超微配置目录下的子目录名如果以&quot;app&quot;开始(譬如&quot;appPDF&quot;),则这些&quot;app&quot;开头目录树下放置的html5应用将可获得功能增强。</p>
  60. <p><a href="../filecap/index.html#">配置default.filecap</a>并打开选项“文件预处理”,清后台重启浏览器后超微可直接阅读应用对应格式文件。<br>
  61. <a target="_self" href="i:0gdefault.filecap:../searchurl/txt/filecap.cfg">点击配置pdf.js,djvu.js,epub.js,超大文件阅读器</a></p>
  62. <p>超大文件阅读器txtview.html url如下:<br>
  63. file:///data/user/0/info.torapp.uweb/files/app/txtview.html?url=[url]#page=[xxx]<br>
  64. file:///data/user/0/info.torapp.uweb/files/app/txtview.html?url=[url]#offset=[xxxx]&amp;[length]<br>
  65. file:///data/user/0/info.torapp.uweb/files/app/markdeep.html?url=[url]#page=[xxx]<br>
  66. file:///data/user/0/info.torapp.uweb/files/app/markdeep.html?url=[url]#offset=[xxxx]&amp;[length]<br>
  67. 譬如&quot;#offset=10000&amp;500&quot;会访问超大文件偏移量10000处长度为500的内容。<br>
  68. 所有阅读器均支持箭头按钮(短按前进按钮或长按后退按钮)自动翻页。</p>
  69. <p>比较有用的是mozilla的pdf.js,可用来显示在线或本地pdf文件。url如下:<br>
  70. file:///data/user/0/info.torapp.uweb/files/app/pdfviewer.html?file=[绝对或相对路径].pdf#page=[xxx]<br>
  71. 则浏览器直接跳转到pdf文件指定页。与主屏多引擎搜索及少量脚本结合使用,可对任何pdf文件进行字典检索。</p>
  72. <p>下面是一些类似的应用:<br>
  73. djvu.js应用的访问url如下:<br>
  74. file:///data/user/0/info.torapp.uweb/files/app/djvu.html?url=[绝对或相对路径或url].pdf#page=[xxx]</p>
  75. <p>epub.js<br>
  76. sampotts/plyr : video, YouTube and Vimeo player<br>
  77. videojs/video.js<br>
  78. bilibili/flv.js<br>
  79. MoePlayer/DPlayer<br>
  80. Streamedian/html5_rtsp_player<br>
  81. MoePlayer/APlayer : music player</p>
  82. </div>
  83. <p>Last Modified: 2 April 2024<br>
  84. add js function in README<br>
  85. <pre></pre>
  86. </p>
  87. <script id='jsgiscus'
  88. src='https://giscus.app/client.js'
  89. data-repo="torappinfo/uweb"
  90. data-repo-id="MDEwOlJlcG9zaXRvcnkzMDIyMDU3MjE="
  91. data-category="Announcements"
  92. data-category-id="DIC_kwDOEgNLGc4CQjsh"
  93. data-mapping="title"
  94. data-strict="0"
  95. data-reactions-enabled="1"
  96. data-emit-metadata="0"
  97. data-input-position="top"
  98. data-theme="light"
  99. data-lang="en"
  100. data-loading="lazy"
  101. crossorigin="anonymous" async>
  102. </script>
  103. <footer class="site-footer">
  104. <div class="container">
  105. &copy; 2018-2024 Richard H. Cao
  106. </div>
  107. </footer>
  108. <!-- This document is licensed under the GNU Free Documentation License, Version 1.3 or any later version published by the Free Software Foundation; with no Invariant Sections, no Front-Cover Texts, and no Back-Cover Texts. A copy of the license is available at <https://www.gnu.org/licenses/>. -->
  109. </body>
  110. </html>