- 博客(9)
- 收藏
- 关注
原创 IOS使用input进行上传文件,无法打开文件选择器
无论用户的设备或操作系统是什么,文件输入都提供一个按钮,打开一个允许用户选择文件的文件选择对话框。在mdn上找了一段时间,与input和上传相关的部分,都没有提及不能打开文件选择器的情况。不想在页面中使用实际的input去触发,需要有一个另外样式的dom作为触发节点。也就是说纯js生成且没有插入到实际页面中的input是无法触发文件选择的。可以理解为 要触发文件选择对话框必须有实际的文件上传按钮。结果发现文件选择器打不开了,无法选择文件。然后调试发现可以正常打开文件选择框了。
2024-04-26 15:23:21
368
2
原创 video视频播放自动进入全屏模式
通过设置 playsinline 有的设备会不生效,可以设置 webkit-playsinline。两个可以同时设置,保证包含所有情况。另外,验证时,发现点击视频的时候会出现切换画中画的按钮,实际需求是不需要的。其中介绍了playsinline属性可以设置视频播放的时候不直接全屏播放。但是每次进入页面,视频加载完成播放的时候,会直接进入全屏模式播放。同过mdn查询video标签的参数发现并没有相关介绍。混合开发, 原生使用webview内嵌h5页面。转移思路,查询多媒体相关的设置。
2024-04-26 11:39:38
751
1
原创 IOS 使用video标签无法调整音量
ios使用video标签,播放直播视频,视频流格式为 m3u8 ,默认的解码器无法解码。导致没有实际的视频内容画面。通过volume属性控制音量大小,在videojs中则是通过volume方法来获取和修改音量大小。验证是否是系统问题,在安卓机上测试,没有问题,可以通过volume修改音量大小。获取到的值是修改过后的值,但是通过拖动音量条,音量大小没有发生变化。猜测是ios的限制,去mdn查看属性的描述和各系统的支持情况。就算设置为0,音量大小也没有发生变化。所以只能通过原生去控制系统音量的大小。
2024-04-26 11:14:40
440
1
原创 Canvas API
Canvas API(画布)是在HTML5中的标签用于在网页实时生成图像,并且可以操作图像内容,基本上它是一个可以用JavaScript操作的位图(bitmap)。Canvas 对象表示一个 HTML 画布元素 -。它没有自己的行为,但是定义了一个 API 支持脚本化客户端绘图操作。
2023-11-03 15:25:32
161
原创 报错:Access to XMLHttpRequest at ‘file:///c:/user/xxx/Desktop/xxx/aaa.json‘
本地测试一个小的demo,需要根据不同情况读取不同json文件配置。结果发现报错。
2023-03-20 14:49:49
2174
2
原创 在某个位置使用canvas画图,结果不显示笔迹
第一次使用canvas画图,并且不是从浏览器左上角(0,0)点开始画,结果发现笔迹等都存在,但画布中没有显示。1、首先第一个问题,通过fillRect画出来的应该是个300*300的正方形。实际得到的是大概600*300的矩形。2、第二个问题,mousemove监听被触发,lineTo和stroke都被执行,但是话不中没有笔迹。
2023-03-20 14:33:38
888
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人