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