首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏老欧说安卓

    使用EasyPusher实现移动的RTSP直播

    二、电脑通过OBS Studio进行RTSP直播推流 OBS Studio默认不支持RTSP协议,需要先安装OBS-RTSPServer插件,才能实现RTSP推流功能。 有兴趣的朋友可以自行配置OBS Studio以便实现电脑的RTSP直播推流。 三、手机通过EasyPusher-Android进行RTSP直播推流 由于EasyPusher仅支持RTSP推流,而SRS不支持RTSP协议,因此服务只能采用ZLMediaKit。 接着启动手机上的直播录制软件EasyPusher-Android,具体的操作步骤详见之前的文章《移动的国产直播录制工具EasyPusher》。 matcher.group(1):"554"; String id = matcher.group(3) + "/" + matcher.group(4); 然后打开Config.java,把下面这行

    90710编辑于 2024-11-25
  • 来自专栏SRS开源服务器

    实战Flutter+SRS移动低延迟直播

    Flutter是移动跨平台开发框架,可以快速实现多个跨平台的App开发,Flutter+SRS轻松实现移动直播,如何做到低延迟直播请看视频。

    1.2K10编辑于 2022-03-18
  • 来自专栏前端开发随笔

    Vue3+vant4适配移动

    /assets/style/vant-theme.css' 移动适配 npm install postcss-px-to-viewport vite.config.js import { defineConfig , //忽略哪些文件转换 }) ] } }, }) 代码地址 https://github.com/skywalk94/vite-demo/tree/vant4

    2.7K30编辑于 2023-01-03
  • 来自专栏日常记录

    4级联动 地址组件 移动

    github代码链接 https://github.com/nan1010082085/vue-components/tree/master/address 20190122 最新修改 通过 淘宝移动适配插件

    2K20发布于 2019-03-28
  • 来自专栏直播知识

    直播视频网站源码,实现移动的按钮拖动

    iPhone-6_cfiOfPyTVzKC.jpeg Html <button id="btnFS" class="btn btn-success" >开始体验</button> Js var flag, btnEle, cur, nx, ny, dx, dy, x, y; flag = false; btnEle = document.getElementById("btnFS"); cur = {x: 0,y: 0 }; function down() {     var touch = ev

    1.6K41发布于 2020-10-26
  • 来自专栏全栈程序员必看

    java移动开发_移动开发

    1.移动端视口问题 视口是指浏览器的可视区域,移动的视口到底是多宽呢? 现在市面上的大部分手机,比如iphone X,它的默认视口宽度为980px,而一个iphone X的屏幕宽度仅仅为375px。 我们可以使用谷歌浏览器的移动调试工具,来访问百度的搜索结果,可以看到网页明显被缩小了,而且页面宽度定格在980px(不信的话大家可以试试)。 3.移动尺寸 是同一个网页在不同尺寸手机中的效果。 4.rem rem单位是相对于根元素html字体大小的(如果根元素没有设置字体大小,则相对于基准字号)。而现在,根元素的字体大小,正好反映了视口的宽度。 注意:在移动,如果使用了背景图(比如雪碧图),记得用同样的方式调整背景图的尺寸。 题外话:移动看上去是不是很麻烦?视口那么小,还要引入各种东西,里面要添加的又杂又乱,还要计算数值,是不是很麻烦?

    6.4K20编辑于 2022-09-12
  • 来自专栏h5

    Vue3.0+Vant3移动短视频+聊天+直播实战

    前言 随着人们生活品质的提高,5G及手机硬件的快速发展,短视频/直播快速的成为了很多人的娱乐方式。 未标题-pp2.png 前一段时间有分享一个vue3.0网页聊天实例,今天继续给大家分享一个最新开发的vue3.0小视频+直播实战项目。 Vscode 构建工具:vite.js 技术框架:vue^3.0.5 状态管理:vuex^4.0.0-rc.2 页面路由:vue-Router^4.0.3 UI组件库:vant^3.0.4 (有赞手机vue3 360截图20210202094849957.png 有赞vue3移动组件库 vant3 是有赞前端团队率先开发的一款vue3.0移动UI组件库。 vue3.x自定义mobile版弹窗组件|vue3对话框 vue3实现小视频/直播效果 项目中的小视频和直播页面有些功能是公用的,小视频页可以上下左右滑动切换,直播页上下滑动并新增弹幕/滚动消息/送礼物等功能

    5.2K70发布于 2021-02-03
  • 来自专栏顶象技术业务安全专栏

    移动安全攻防那些事儿,看这场直播就够了!

    随着移动互联网的不断发展,移动终端不管是在设备持有量,还是在用户数量上,都已经超越了传统PC,成为第一大入口。其中,以手机为代表的移动终端反而变成了最大的威胁存在。 不难看出,移动安全在未来很长一段时间都将成为网络安全的重点。那么,移动的安全风险有哪些?黑灰产给移动安全攻防带来了哪些挑战?针对代码逆向、模拟器等黑灰产工具如何做攻防? 安全厂商们在移动安全攻防方面又该做哪些努力呢?9月28 日下午 15:00 ,顶象移动安全专家邱寅峰将就移动安全面临的威胁和挑战讲起,详细讲述如何在移动进行安全攻防。 超多精彩,不容错过,直播现场更有多重好礼等你来拿! 9月 28日 下午15:00,锁定顶象视频号&CSDN顶象技术直播间,一起来看看移动安全攻防那些事儿。

    41620编辑于 2022-09-21
  • 来自专栏韩曙亮的移动开发专栏

    移动网页布局】移动网页布局基础概念 ① ( 移动浏览器 | 移动屏幕分辨率 | 移动网页调试方法 )

    一、移动浏览器 ---- 移动浏览器 比 PC 浏览器发展要晚 , 使用的技术比较新 , 对 HTML5 + CSS3 支持较好 , 常见的浏览器如下 : UC / QQ / Opera / Chrom / 360 / 百度 / 搜狗 / 猎豹 国内的浏览器 基本都是 根据 Webkit 内核进行修改而来的 , 目前没有自主研发的内核 , 因此 移动开发适配比较简单 , 兼容主流的浏览器 , 即兼容 Webkit 内核浏览器即可 ; 二、移动屏幕分辨率 ---- 移动设备的尺寸类型非常多 , Android / iOS 手机分辨率种类很多 , 参考 Android 屏幕适配 专栏 ; 【Android Android 与 iOS 屏幕宽高比种类 | 屏幕像素密度 DPI ) 博客 ; 前端开发时 , 不需要关注上述 屏幕像素密度 dpi , 密度无关像素 dp , 只需要关注 像素尺寸 px 即可 ; 三、移动网页调试方法

    3.5K40编辑于 2023-04-24
  • 来自专栏腾讯IMWeb前端团队

    移动重构实战系列4——进入离开动画

    ”本系列教程为实战教程,是本人移动重构经验及思想的一次总结,也是对sandal及sheral UI的一次全方位剖析,首发在imweb和w3cplus两大站点及“前端Talk”微信公众号,其余所有标注或没有标注来源的均为转载

    63810编辑于 2022-06-29
  • 来自专栏IMWeb前端团队

    移动重构实战系列4——进入离开动画

    本文作者:IMWeb 结一 原文出处:IMWeb社区 未经同意,禁止转载 ”本系列教程为实战教程,是本人移动重构经验及思想的一次总结,也是对sandal及sheral UI的一次全方位剖析,

    1K100发布于 2018-01-08
  • 来自专栏IMWeb前端团队

    移动重构实战系列4——进入离开动画

    在sandal的_animation.scss中我们定义了fade-in/out, shrink-in/out, up-in/out, down-in/out, left-in/out, right-in/out六组基础动画,下面我们以fade-in/out为例说明如何使用:

    79620发布于 2019-12-04
  • 来自专栏老马寒门IT

    10-移动开发教程-移动事件

    在前端的移动Web开发中,有一部分事件只在移动产生,如触摸相关的事件。接下来给大家简单总结一下移动的事件。 1. PC事件在移动的兼容问题 1.1 click事件的200~300ms延迟问题 由于移动默认的布局视口宽度是980像素,所以网页文字非常小,为了快速让网页还原到原来的大小,Safari最新引入了双击缩放功能 移动特有的touch事件 由于移动设备大都具备触摸功能,所以移动浏览器都引入了触摸(touch)事件。 封装移动tap事件 由于点击事件经常使用,如果用click会有延迟问题,一般我们会用touch事件模拟移动的点击事件, 以下是封装的几个事件,仅供参考。 ---- 参考文章: 移动web开发---Touch事件详解 MDN:TouchEvent 移动前端常见的触摸相关事件touch、tap、swipe等整理

    8.2K80发布于 2018-02-18
  • 来自专栏老马寒门IT

    10-移动开发教程-移动事件

    在前端的移动Web开发中,有一部分事件只在移动产生,如触摸相关的事件。接下来给大家简单总结一下移动的事件。 1. PC事件在移动的兼容问题 1.1 click事件的200~300ms延迟问题 由于移动默认的布局视口宽度是980像素,所以网页文字非常小,为了快速让网页还原到原来的大小,Safari最新引入了双击缩放功能 移动特有的touch事件 由于移动设备大都具备触摸功能,所以移动浏览器都引入了触摸(touch)事件。 4. 封装移动tap事件 由于点击事件经常使用,如果用click会有延迟问题,一般我们会用touch事件模拟移动的点击事件, 以下是封装的几个事件,仅供参考。 ---- 参考文章: 移动web开发---Touch事件详解 MDN:TouchEvent 移动前端常见的触摸相关事件touch、tap、swipe等整理

    7.6K70发布于 2018-04-08
  • 来自专栏全栈自学笔记

    移动基础

    移动基础 移动浏览器我们主要针对webkit内核进行兼容 现在移动碎片化比较严重,分辨率和屏幕尺寸大小不一 1.移动调试方法 Charome DevTools(谷歌浏览器) 的模拟手机调试 背景图片注意缩放问题 3.3二倍精灵图 在firework里面把精灵图等比例缩放成原来的一半 之后根据大小测量坐标 注意代码里面background-size也要设置为精灵图原来宽度的一半 4. 移动开发选择 4.1单独移动页面(主流) 通常情况下,网址域名前面加m(mobile)可以打开移动。 通过设备判断,如果是移动打开,则自动跳转到移动页面。 ,需花费很大精力去调兼容性问题 媒体查询 bootstarp 5.移动技术解决方案 1.移动浏览器 移动浏览器基本以webkit内核为主,所以就考虑webkit兼容性问题。

    2.4K10编辑于 2022-05-08
  • 来自专栏h5学习笔记

    移动基础

    移动浏览器我们主要针对webkit内核进行兼容 现在移动碎片化比较严重,分辨率和屏幕尺寸大小不一 1、移动调试方法 Charome DevTools(谷歌浏览器) 的模拟手机调试 搭建本地 3.3二倍精灵图 在firework里面把精灵图等比例缩放成原来的一半 之后根据大小测量坐标 注意代码里面background-size也要设置为精灵图原来宽度的一半 4.移动开发选择 4.1单独移动页面(主流) 通常情况下,网址域名前面加m(mobile)可以打开移动。 通过设备判断,如果是移动打开,则自动跳转到移动页面。 ,需花费很大精力去调兼容性问题 媒体查询 bootstarp 5.移动技术解决方案 5.1移动浏览器 移动浏览器基本以webkit内核为主,所以就考虑webkit兼容性问题。

    2.7K20发布于 2020-09-30
  • 来自专栏超超不会飞

    移动适配

    实习期间主要在写微信H5,遇到的最大问题就是适配各个不同尺寸的屏幕。公司就我自己一个前端,只能自己摸索着来。 方法4:flexible 众里寻他千百度,蓦然回首,那人却在灯火阑珊处。 在很早之前找解决方案的时候就看到这篇文章了——使用Flexible实现手淘H5页面的终端适配。

    2.7K20发布于 2020-09-18
  • 来自专栏前端学习笔记

    移动基础

      移动浏览器我们主要针对webkit内核进行兼容   现在移动碎片化比较严重,分辨率和屏幕尺寸大小不一 1.移动调试方法 Charome DevTools(谷歌浏览器) 的模拟手机调试 背景图片注意缩放问题 3.3二倍精灵图 在firework里面把精灵图等比例缩放成原来的一半 之后根据大小测量坐标 注意代码里面background-size也要设置为精灵图原来宽度的一半 4. 移动开发选择 4.1单独移动页面(主流) 通常情况下,网址域名前面加m(mobile)可以打开移动。 通过设备判断,如果是移动打开,则自动跳转到移动页面。 ,需花费很大精力去调兼容性问题 媒体查询 bootstarp 5.移动技术解决方案 1.移动浏览器 移动浏览器基本以webkit内核为主,所以就考虑webkit兼容性问题。

    2.1K31发布于 2020-10-26
  • 来自专栏EasyNVR

    EasyNVR H5无插件直播方案前端构建之:如何区分PC移动

    EasyNVR前端为了更好的用户体验,不仅仅设有PC客户,还适应移动客户; EasyNVR的客户中PC移动差异有很多。 例如: 由于PC移动自身硬件的差异,所需要展示的样式也会存在一定的差别;在摄像机接入类型是ONVIF时,EasyNVR视频实时播放界面中PC会提供云台控制界面;而为了用户有一个更好的观感和体验 ,在移动会隐藏该界面。 ; if(isPC()){ $("#ipcam_div").show(); } 如果需要细分到移动的具体类型可以根据isPC中agents数组中具体元素来进行区分;区分pc 的浏览器类型可以根据navigator.userAgent来进行判断区分

    80410发布于 2020-04-23
  • 来自专栏Kirin博客

    vue 判断移动、pc

    判断移动或pc 经常在项目中会有支持 pc 与手机需求。并且pc与手机是两个不一样的页面。这时就要求判断设置,根据不同的设置跳转不同的路由。 先写个方法: ? _isMobile()) { alert("移动"); //移动跳转路由 } else { alert("pc");     //Pc跳转路由

    4.1K30发布于 2021-01-04
领券