- 博客(6)
- 收藏
- 关注
RSS订阅原创 video标签在h5端实现横屏全屏
这里我们通过fullscreenToggle隐藏了全屏按钮，并监听双击事件来实现全屏的切换，并使用css来进行样式调整实现伪全屏的效果，正常来说到这里已经结束了，但实际上当你全屏时，进度条拖动就会存在问题，因为我们只是让这个元素旋转而已，但是实际上控件的操作逻辑还停留在竖屏状态，接下来就来修改它的逻辑。拖动中和拖动结束的逻辑基本类似，都是判断当前鼠标的y轴位置减去进度条的top后，与进度条高度的百分比值，当然如果你的视频元素是-90度的旋转的话，这个值可能就需要对应的修改；
2025-08-11 21:30:00
498
2
原创 uniapp前端自定义安卓/Java插件并打包为aar文件
在外部新建一个纯英文的文件夹(包含中文和特殊字符可能会在打包的时候报错)，文件夹中新建library文件夹以及build.gradle、gradle.properties、settings.gradle这三个文件，进入library文件夹后再次创建一个build.gradle文件(作用不同必须要创建)，以及src\main\java\io\dcloud\uni\插件名文件夹\Java文件 这样格式的目录，在main文件夹中创建AndroidManifest.xml文件；
2025-08-02 09:30:00
2017
原创 uniapp嵌入h5网页以及双端通讯
当项目中并不需要让嵌入的网址全屏显示的时候就需要做改动，因为webView默认全屏显示，在官网中可以找到webview-styles和fullscreen(是否全屏)这两个属性，但实际在app中尝试发现，并没有什么用，当然也可能是我用法有问题；这时候在h5端的APP.vue文件的mounted中，就可以通过window.location.href来判断出当前环境是否是被嵌入在app中并接收参数，这样的优点是可以在不影响原本h5项目的前提下来进行app端的开发；在你需要传递消息的文件中引入。
2025-08-02 09:00:00
525
原创 使用window.showSaveFilePicker实现保存多个文件到同一目录下
循环多个文件并使用window.showSaveFilePicker来实现保存多个文件到同一目录下，但是最终实现的只有保存最后一个文件，并且文件名的保存也不对。要求只选择一次地址后将多个文件、图片或视频存放在选择路径中，目前还没有完美解决这个问题，只是利用打包将所有文件压缩为一个文件。首先使用npm下载第三方库JSZip，并使用import引入。
2024-06-20 10:01:53
1459
原创 SpeechSynthesis.getVoices在安卓端获取不到语音包的问题
浏览器选择用chrome浏览器，在Google play下载Speech Recognition & Synthesis插件，安装完成后再手机的设置中找到tts引擎（文字转语音），并将默认的改为谷歌的tts引擎，再次回到页面就能正常获取语音列表和语言列表了。
2024-06-19 14:40:24
1508
空空如也
支持windows以及安卓系统的文本转语音功能的vue页面
2024-06-17
腾讯云直播updateRemoteVideo报错
2024-04-08
在vue项目中嵌入VLC播放器
2024-04-02
前端在h5页面如何播放srt格式的视频流
2024-04-01
腾讯云直播updateRemoteVideo报错
2024-03-29
window.showSaveFilePicker保存多个文件到同一路径
2024-03-04
TA创建的收藏夹 TA关注的收藏夹
TA关注的人