JS
佳佳鸽
这个作者很懒,什么都没留下…
展开
-
js发起http请求
JS如何发起http请求?原创 2022-07-06 16:05:46 · 4754 阅读 · 0 评论 -
flv.js解析与使用
简介Flv.js 是 HTML5 Flash 视频(FLV)播放器,纯原生 JavaScript 开发,没有用到 Flash。由 bilibili 网站开源。它的工作原理是将 FLV 文件流转码复用成 ISO BMFF(MP4 碎片)片段,然后通过 Media Source Extensions 将 MP4 片段喂进浏览器。Github地址:https://github.com/Bilibili/flv.js/flv.js demo地址:http://bilibili.github.io/flv.js原创 2022-04-27 20:01:34 · 10141 阅读 · 1 评论 -
flv.js无法播放http-flv视频流(带音频)
flv.js demo地址http-flv视频流不带音频时,可以通过flv.js直接拉流显示。但是开发需要,视频流中加入音频后,flv.js不能直接拉流显示。原因:hasAudio开关设置解决:可以通过上面的flv.js demo,做一个拉流测试,输入stream url并手动设置顶端开关,再依次点击下方Load、Start按键进行测试。代码部分:参数设置及注释(取自官方文档)flvjs.createPlayer({ type: 'flv', //flv格式 enableW原创 2022-03-23 10:30:33 · 5020 阅读 · 14 评论 -
layui slider(滑块)初始化与事件监听
layui slider(滑块)事件监听(节选):html部分:首先在对应位置,直接插入一个滑块对应的id号<div id="my_slider"></div>JS部分:通过id号,进行滑块的初始化与监听:layui.slider.render({ elem:'#my_slider' ,value:50 ,input:true ,min:2800 ,max:6500 ,change: function(val){原创 2022-03-19 11:42:16 · 1650 阅读 · 0 评论 -
layui button(按钮)图标、颜色切换
layui button(按钮)图标、颜色切换(节选):按钮默认图标、颜色效果:按钮点击后图标、颜色效果:html部分:<button class="layui-btn layui-btn-danger" id="LAY-preview_enable-button-submit"><i id="preview_enable" class="layui-icon layui-icon-pause"></i></button>JS部分:监听按钮点原创 2022-03-19 11:19:31 · 7753 阅读 · 0 评论 -
JS下载文件到本地
环境: WEB端在linux系统开发板上运行,web端服务器目录在/userdata/web需求: WEB端创建一个按钮,点击按钮后会将开发板上指定目录的文件,下载到本地端(浏览器)例子: WEB端做一个拍照功能,点击按钮进行拍照并将图片保存到指定目录下(/tmp/picture.jpg),保存好后自动将图片下载到本地端.首先需要得到一个URL,直接访问打开图片,而通常能通过URL直接访问的文件需要存放在站点资源目录下.站点资源目录即为前面提到的web端服务器目录(/userdata/web),只需要原创 2022-03-08 19:41:12 · 5470 阅读 · 0 评论 -
js监听回车触发按钮点击事件
document.onkeyup = function (e) { var event = e || window.event; var key = event.which || event.keyCode || event.charCode; if (key == 13) { document.getElementById("LAY-user-login-submit").click(); } }LAY-user-login-submit 为按钮原创 2022-01-25 14:35:56 · 1342 阅读 · 0 评论 -
js监听页面焦点事件
document.addEventListener('visibilitychange', function () { var isHidden = document.hidden; if (isHidden) { document.title = '小猪,快回来!'; } else { document.title = '小猪,快跑!'; }});效果如下:...原创 2022-01-24 17:56:35 · 1549 阅读 · 0 评论 -
js监听浏览器焦点事件
window.onfocus = function () { //焦点在当前窗口 //功能函数}window.onblur = function () { //焦点不在当前窗口 //功能函数}当点击浏览器外的区域:window.onfocus = function () { window.alert("焦点离开网页");}当点击浏览器内的区域:window.onfocus = function () { window.alert("焦点回到网页");}原创 2022-01-24 17:53:14 · 2084 阅读 · 0 评论 -
js监听浏览器关闭页面事件
window.onbeforeunload = function() { //功能函数}window.onbeforeunload = function(e) { var e = window.event ||e; e.returnValue=("是否确定关闭页面");}加入js文件后,查看网页效果:点击网页对应窗口的关闭按钮,会弹窗如下弹窗:...原创 2022-01-24 17:42:25 · 19172 阅读 · 5 评论 -
基于Bilibili开源flv.js拉流
flv.js拉流原创 2022-01-14 18:35:49 · 1514 阅读 · 1 评论 -
flv.js demo拉流失败
flv.js demo地址[IOController] > Loader error, code = -1, msg = Failed to fetch[TransmuxingController] > IOException: type = Exception, code = -1, msg = Failed to fetch[MSEController] > MediaSource onSourceOpen首先说明:测试流是通过FFmpeg推出RTMP流,通过nginx将RT原创 2022-01-12 13:40:39 · 3582 阅读 · 0 评论