Marhal
Marhal

Nginx+ffmpeg 搭建流媒体服务器（四）：H5直播演练

H5直播演练

  • 播放器选型
    • video.js
    • hls.js
    • flv.js

播放器选型

video.js

链接: GitHub
https://unpkg.com/video.js/dist/video-js.min.css
https://unpkg.com/video.js/dist/video.min.js

自定义ui
多插件
体积大
功能齐全
符合线上场景

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
	<link href="https://unpkg.com/video.js/dist/video-js.min.css" rel="stylesheet">
</head>
<body>
<video id="my-player" class="video-js" controls preload="auto" poster="//vjs.zencdn.net/v/oceans.png" data-setup='{}'>
    <source src="https://gcalic.v.myalicdn.com/gc/gccntv240-lzb01_1/index.m3u8?contentid=2820180516001" type="application/x-mpegURL">
</video>
<script src="https://unpkg.com/video.js/dist/video.min.js"></script>
<script type="text/javascript">
    // var player = videojs('my-player');
    var options = {
     
        width:400,
        height:200
    };

    var player = videojs('my-player', options, function onPlayerReady() {
     
        videojs.log('Your player is ready!');

        // In this context, `this` is the player that was created by Video.js.
        // this.play();

        // How about an event listener?
        this.on('ended', function() {
     
            videojs.log('Awww...over so soon?!');
        });
    });
</script>
</body>
</html>

hls.js

体积小 易扩展
适合hls类型的直播、点播
链接: GitHub
https://cdn.jsdelivr.net/npm/hls.js@latest

下面demo样式有点问题，就不注重了，主要是能让视频播放出来。


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .player{
     
            width: 200px;
            height: 100px;
            position: relative;
        }
        .player video{
     
            width: 100%;
            height: 100%;
        }
        .player .btn{
     
            width: 40px;
            height: 40px;
            border-radius: 50%;
            position: absolute;
            left: 50%;
            top: 50%;
            margin: -35px auto auto -35px;
            padding: 15px;
            background-color: rgba(255,255,255,0.5);
            line-height: 40px;
            display: none;
        }
        .player .btn:hover{
     
            background: rgba(255,255,255,0.7);
        }
        .player .btn:before{
     
            border: 20px solid #ddd;
            border-top-color: transparent;
            border-bottom-color: transparent;
            border-right-color: transparent;
            content: ' ';
            display: block;
            margin-left: 10px;
            width: 0;
            height: 0;
        }
        .player .btn:before:hover{
     
            border-left-color: #fff;
        }
        .player.pause .btn{
     
            display: block;
        }
    </style>
</head>
<body>
<div class="player">
    <!--页面未加载完成时就播放音频chrome会报错 所以默认静音-->
    <video id="video" muted></video>
    <em class="btn"></em>
</div>

<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
<script>
    var Hls = window.Hls;
    var video = document.getElementById('video');
    var btn = document.querySelector('.btn');
    var player = document.querySelector('.player');

    var videoSrc = 'http://live.local.com/stream.m3u8';
    if (Hls.isSupported()) {
     
        var hls = new Hls();
        hls.loadSource(videoSrc);
        hls.attachMedia(video);
        hls.on(Hls.Events.MANIFEST_PARSED, function() {
     
            // video.play();
        });
    }else if (video.canPlayType('application/vnd.apple.mpegurl')) {
     
        video.src = videoSrc;
        video.addEventListener('loadedmetadata', function() {
     
            // video.play();
        });
    }
    // 自定义播放暂停按钮
    btn.addEventListener('click',function () {
     
        if(video.paused){
     
            console.log(111)
            video.play()
        }else{
     
            console.log(222)
            video.pause()
        }
    })
    btn.addEventListener('play',function () {
     
        player.className = 'palyer';
    })

    btn.addEventListener('pause',function () {
     
        player.className = 'palyer pause';
    })
    // 点击视频播放暂停
    video.addEventListener('click',function () {
     
        if(video.paused){
     
            video.play()
        }else{
     
            video.pause()
        }
    })
</script>
</body>
</html>

flv.js

B站开源
https://github.com/Bilibili/flv.js

你可能感兴趣的:(H5直播)

  • 直播的狗子和变狗了的秦修 南风知我驿
    “到啦，随便坐呀！”她示意秦修自便后去准备晚饭。“财哥？今天晚上吃嘛？”她叫了招财过来，问了问狗子的想法。“呜……”招财的小脑袋表示不吃你耍我呢？“那你今天晚上要直播……”狗子嘛，利用一次也是用，两次也是用，何乐不为呢？狗子的耳朵动了动，妥协了。她动作麻利，炒了两个菜，还凉拌了黄瓜。这顿饭秦修吃的心满意足但总感觉忘记了什么事情。山上的方秦和小十六已经开始数星星了。不是他不想玩手机，是是他的手机马上
  • 女子在街头跪地直播，遭路过的大姐指责：国庆节你这是跪谁呢？ 一月爱八月
    现在正是国庆假期，有的人携家带口出门旅行；有的人去周边景点打卡；有的人晒着各种美食美景……让人不由得感慨：生活在中国的我们太幸福了。然而，偏偏有这么一群人，为了获得流量，为了博人眼球，为了红，为了火，做一些毫无底线的事情。近日，在山东济南的街头，发生了这样的一幕，女子在街头跪地直播，路过的大姐指责：国庆节你这是跪谁呢？01.闹市区女子跪头直播秋雨洗刷过的天空，瓦蓝瓦蓝的，轻纱似的薄云斜铺在天边，更
  • 不露脸主播招聘是真的吗? 手机聊天员赚钱平台
    是真的哦！并且音频主播目前在市场上的需求较大！有声行业正处于风口期，这得益于大众有声付费阅读意识的提高，随着声音变现模式涌现，越来越多人成为不露脸的音频主播。据艾媒数据中心显示，2020年，有声音频APP的用户规模达到了惊人的4.89亿。这背后意味着人们对声音的巨大需求。预计到2021年，中国在线音频用户规模将达5.42亿。语音直播，不用露脸，简单的唠嗑就可以赚钱，60提点。是一个非常不错的副业，
  • “空中的士”上架淘宝工业品后,要登录交个朋友淘宝直播间? 氧惠爱高省
    3月20日消息，交个朋友官微发文宣布，20日晚上七点，全球首个获得适航认证的“飞行的士”将亮相交个朋友淘宝直播间。据悉，这款无人驾驶载人航空器可搭载两人，长6.05米，宽5.73米，高1.93米，由16个螺旋桨组成，为全智能无人驾驶航空器，能够垂直起降，主要在低空空域飞行。通过【氧恵】APP，可以免费领取淘宝及各大电商隐藏优惠券及返利，还能分享赚钱，与朋友一起享受购物乐趣！【氧恵邀请码：00088
  • 如何使用Google AdSense实现H5小游戏变现（二） Louisa的工作日记
    上一篇内容主要介绍了H5小游戏的市场情况洞察、GoogleAdSense介绍、收入核心指标，本篇文章将介绍如何改善展示次数、eCPM，以及如何使用GA来优化网站质量。01.如何改善展示次数1、网站DAU网站DAU和你的渠道息息相关，这里作为H5小游戏网站常常容易遇到的问题：服务器承载压力过大崩溃。需要时刻监控服务器情况，海外推荐使用亚马逊相关服务，国内服务提供商均存在不稳定情况。此外，必须支持ht
  • 为何淘宝天猫商家都愿意亏本做优惠券直播营销活动？ 氧惠评测
    一些卖家现在选择做亏本发放优惠券活动的原因可能有很多，以下是其中一些可能的因素：氧惠APP是与以往完全不同的抖客+淘客app！2024全新模式，我的直推也会放到你下面。主打：带货高补贴，深受各位带货团队长喜爱（训练营导师每天出单带货几万单）。注册即可享受高补贴+0撸+捡漏等带货新体验。送万元推广大礼包，教你如何1年做到百万团队。珊珊导师氧惠邀请码888999，注册送万元推广大礼包，教你如何1年做到
  • “Datawhale AI夏令营”基于带货视频评论的用户洞察挑战赛 fzyz123 DatawhaleAI夏令营人工智能Datawhale大模型技术NLP深度学习AI夏令营
    前言：本次是DatawhaleAI夏令营2025年第一期的内容，赛事是：基于带货视频评论的用户洞察挑战赛（科大讯飞AI大赛）一、赛事背景在直播电商爆发式增长浪潮中，短视频平台积累的海量带货视频及用户评论数据蕴含巨大商业价值。这些数据不仅是消费者体验的直接反馈，更是驱动品牌决策的关键资产。用户洞察的核心在于视频内容与评论数据的联合挖掘：通过智能识别推广商品分析评论中的情感表达与观点聚合精准捕捉消费者
  • h5-video标签全屏显示记录 ZhDan91 前端开发混合app
    video{width:100%;height:100%;object-fit:fill;}
  • 自测魅族手机webview加载h5时ul嵌套li标签js失效问题记录 ZhDan91 混合app前端开发
    自测魅族手机ul嵌套li标签js失效问题：可采用div嵌套option实现样式：.hot_list{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;}.hot_listoption{text-align:center;width:30%;padding:.16rem.34rem;border:0.1remso
  • Python爬虫实战：利用最新技术爬取B站直播数据 Python爬虫项目 2025年爬虫实战项目python爬虫开发语言html百度
    1.B站直播数据爬取概述B站(哔哩哔哩)是中国最大的年轻人文化社区和视频平台之一，其直播业务近年来发展迅速。爬取B站直播数据可以帮助我们分析直播市场趋势、热门主播排行、观众喜好等有价值的信息。常见的B站直播数据类型包括：直播间基本信息(标题、分类、主播信息)实时观看人数与弹幕数据礼物打赏数据直播历史记录分区热门直播数据本文将重点介绍如何获取直播间基本信息和分区热门直播数据。2.环境准备与工具选择2
  • stm32与ESP32-C3通过串口连接 林内克思 stm32嵌入式硬件单片机
    ESP32-C3是一款安全稳定、低功耗、低成本的物联网芯片，搭载RISC-V32位单核处理器，支持2.4GHzWi-Fi和Bluetooth5（LE）。ESP32-C3本身就可以作为一个单片机使用，但是我们这里只是把ESP32-C3作为一个Wi-Fi/蓝牙模块使用。STM32与ESP32-C3使用串口进行通讯。STM32可以给ESP32-C3发送命令，这种命令叫ESP-AT指令。首先通过pc串口E
  • C语言学生成绩管理系统<；自创>；(功能7有小错误,但可运行） han_xue_feng java
    腾讯云加速企业和个人开发创新公开直播预告直播预告：07/18(周四)15:00-16:00随着人工智能与大模型的蓬勃发展，我们正步入一个由技微信实习第一天周五入职，早上早早来到了公司，发现好多人都没上班，到十点才陆陆续续有人来，办理完入职后，mentor中联夏令营遗憾没有入选不过hr的回复真的很好，辛苦啦#提前批简历挂麻了怎么办##机械制造投递记录#大数据开发的工作有点过于简单了吧sq大数据开发的
  • React移动端项目准备（ts版） sync98 前端框架reacttypescript
    一、创建项目使用脚手架命令创建新项目：1.通过命令行创建项目npxcreate-react-appts-geek-park-h5--templatetypescript2.src文件夹下，保留react-app-env.d.ts文件，删除其他文件，并且创建必要的文件项目结构：src>api封装接口>assets项目资源>components通用组件>hooks自定义钩子函数>pages页面组件>s
  • react create-react-app v5 从零搭建项目（不暴露 eject）_create-react-app 搭建移动端h5(1)
    cnpminstallaxios--save2.src/utils新建一个request.js文件(没有utils就新建一个目录然后再建一个request.js)3.request代码如下：这个是最简单的配置了，你可以根据自己的需求配置请求拦截里的东西。importaxiosfrom‘axios’//axios的配置文件,可以在这里去区分开发环境和生产环境等全局一些配置constdevBaseUr
  • 淘宝直播与开源链动2+1模式AI智能名片S2B2C商城小程序的融合发展研究 说私域 人工智能小程序开源
    摘要：本文聚焦于淘宝直播这一以“网红”内容为主的社交电商平台，深入分析其特点与流量入口优势。同时，引入开源链动2+1模式AI智能名片S2B2C商城小程序这一新兴概念，探讨二者融合的可能性与潜在价值。通过分析融合过程中的技术、市场、运营等方面因素，旨在为电商行业的创新发展提供新的思路与策略，以实现更高效的内容变现、用户拓展与商业生态构建。关键词：淘宝直播；开源链动2+1模式；AI智能名片；S2B2C
  • TikTok短视频引爆代购：单条视频日销1.2万单的底层逻辑 Joe13265449558 电商跨境电商代购系统无货源自建站
    TikTok+代购系统：如何通过短视频引流实现日销万单？引言：TikTok电商的“流量核弹”与代购新机遇2025年，TikTok全球月活跃用户突破15亿，覆盖200+国家和地区，其短视频+直播的电商模式成为跨境代购的“流量核弹”。数据显示，通过TikTok短视频引流的代购订单占比从2023年的12%飙升至2025年的47%，单条爆款视频可带来超10万次商品点击，转化率高达8.3%。本文将拆解Tik
  • 元宇宙空间和数字世界：虚拟现实带给我们什么？ 熊猫钓鱼>_> vr
    我们正沉浸在虚拟与现实交织的迷雾中，却鲜少停下脚步审视这场变革深处的困局。这已不仅是技术问题，更是关乎人类存在本质的哲学困境。让我们一起拨开表面繁荣的迷雾，直面那些令人警觉的矛盾漩涡：‌困局一：‌‌存在感的悖论——‌‌“虚拟在场”与“真实缺席”的撕裂‌‌表象繁荣：‌社交媒体上永不间断的点赞、评论、直播互动，让人似乎时刻处于“被看见”的中心。‌残酷内核：‌这种“在场感”越强，真实生活中的深度连接反而
  • 微信直播回访视频下载方法 tianyatest 网页视频提取M3U8
    今天在网上看2024制冷展大会直播回放，对于两个讲的比较好的视频，想下载下，发现居然不能直接下载，后来从调试模式抓到网址，进行了下载。操作流程：（1）将视频网页用Edge打开，F12进入调试模式；（2）找到网络，或者Network，然后在筛选器内填入M3U8；（3）这步最简单，也很关键，就是刷新网页；（4）就会看到一条记录，然后找到那个记录里面的地址。（5）此时，有两个选择：方法1：采用迅雷下载该
  • H5页面点击调起腾讯/百度/高德地图APP
    注意：在手机端测试时发现了一个问题，用百度浏览器只能调用百度地图app的，对腾讯/高德地图是无效的，于是我用qq浏览器测试，结果发现qq浏览器是都可以调起的。一：腾讯地图（api文档）window.open(`http://apis.map.qq.com/uri/v1/marker?marker=coord:${this.latitude},${this.longitude};addr:${thi
  • 白杨SEO：微信视频号直播功能怎么开通？视频号有什么价值？
    微信视频号直播是什么？微信视频号直播是什么？它就是微信视频号最新推出的可以在视频号上进行直播。目前仅在内测阶段，只有部分人获得。如何查看自己是否获得视频号直播功能呢？打开微信-发现里【视频号】-然后进入个人视频号界面，如果有发起直播即代表有了，如图：微信视频号直播与抖音、快手、淘宝、B站等直播有什么区别呢？目前根据据白杨SEO个人体验过来看，仅从直播功能来说，目前视频号直播还是新生儿，不管从直播各
  • 开通微信视频号直播需要满足哪些条件？
    1.微信视频号直播步骤1.打开微信：点击“发现”。2.进入视频号：选择“视频号”，进入推流页面。3.进入创作中心：点击右上角的头像，进入视频号创作中心。4.发起直播：点击“发起直播”，即可开始直播。5.查看直播数据：在创作者中心，可以查看直播后的数据统计。2.微信视频号直播条件开通微信视频号直播功能，主要需要满足以下条件：实名认证与年龄要求：直播发布者必须年满18周岁。需要完成微信支付实名认证，以
  • 点播直播弹幕实现1 Flyzz~ Java技术学习springbootjava
    点播弹幕实现简要说明之前突然觉得弹幕视频还挺有意思的，就想自己也实现点播弹幕和直播弹幕。由于是主学后端的，对于自己手动实现前端的弹幕功能感到困难，于是上网搜索有没有相关实现，首先找到了**CommentCoreLibrary**项目，不过貌似只能全局script导入，没有实现相应模块化，而我前端用的是vue3+ts,用起来感觉很难受，遂放弃。又经过一番搜寻，找到了**DPlayer**项目，看了它
  • App Trace 功能产品介绍 tongjiwenzhang 一键拉起app快速安装小程序微信小程序目标跟踪数据分析大数据
    一键拉起、快速安装、免填邀请码的智能追踪解决方案一、功能概述AppTrace是一套专注于用户行为追踪与智能分发的技术方案，通过深度集成一键拉起、快速安装、免填邀请码三大核心功能，帮助企业精准追踪用户来源、优化转化路径，并提升拉新效率。二、核心功能详解1.一键拉起（DeepLinking）功能作用：用户点击H5页面、短信链接或二维码时，直接跳转至App内指定页面（如活动页、商品详情页）。避免“下载A
  • 关于uniapp m0_73928262 开发语言uni-app
    目录前言一、uniapp是什么？二、uniapp的由来三、uniapp的基本概念四、uniapp的使用场景五、uniapp框架格式和基本概念六、如何使用uniapp七、如何使用uniapp创建文件总结前言Uni-app是由Dcloud公司推出的一个多端开发框架，可以使用Vue开发一次代码，产出多个平台的应用程序，包括iOS、Android、H5、小程序等。这种“一次开发，多端输出”的开发方式大大减
  • WebRTC与RTMP
    WebRTC和RTMP是两种不同的流媒体传输协议，分别适用于不同的场景。以下是它们的核心区别和特点：1.WebRTC（WebReal-TimeCommunication）特点：协议类型：基于UDP（低延迟，允许丢包），使用SRTP/SCTP加密传输音视频。延迟：极低（100ms-1s），适合实时交互（如视频会议、直播连麦）。使用场景：浏览器之间的点对点（P2P）音视频通话。低延迟直播（如数字人交互
  • 【HarmonyOS】Web 组件的 PDF 文档预览功能详解
    【HarmonyOS】Web组件的PDF文档预览功能详解一、前言应用开发中，PDF文档预览是一项常见需求。虽然官方提供了预览组件，但是在H5业务场景下，如何加载PDF呢？此时就需要Web组件提供了便捷的PDF预览能力。目前官方的ArkWeb，支持加载网络、应用沙箱内、本地资源等多种来源的PDF文档。本文将详细介绍如何使用Web组件实现PDF预览功能，包括不同场景下的加载方法、配置要点及动态切换技巧
  • 2024-07-23 Unity AI行为树2 —— 项目介绍 蔗理苦 Unity功能模块分享unity游戏引擎c#C#
    文章目录1项目介绍2AI代码介绍2.1BTBaseNode/BTControlNode2.2动作/条件节点2.3选择/顺序节点3怪物实现4其他功能5UML类图项目借鉴B站唐老狮2023年直播内容。点击前往唐老狮B站主页。1项目介绍本项目使用Unity2022.3.32f1c1，实现基本的AI框架。其中，用Cube（红色）代替怪物模型，Cube（蓝色）代替玩家，即AI目标。项目地址：https://
  • 1、uniapp开发微信小程序遭遇的那些事（持续收集中） 打不着的大喇叭 微信小程序uniappuni-app微信小程序小程序前端
    可恶，我用了开发h5思维去开发小程序1、插槽加了slot-scope就不显示？？什么情况时间{{slotProps.time}}时间{{slotProps2.time2}}发现这样写，插槽是不会显示的，原因是包裹slot必须直接作为组件的子节点，不能被template包裹，否则微信小程序端slot机制会失效。slot必须直接作为自定义组件的子节点，不能被template/v-if包裹。修正后写法：
  • 总结过去三年软件供应链安全一些非共识核心问题
    写在前面过去三年，我大概每年平均至少见300个企业的专家和大佬们，这三年下来也快1000人次了吧。虽然有一些人是重复见了很多次的，但每次见也多少会有新的收获。因为工作的原因，我们聊最多的话题其实是跟软件供应链安全相关的，所以我最近就特别想把过去我们这1000次交流过程中，聊到的最核心的问题都提炼出来，然后在今年的产品迭代、公众号、直播、闭门会议、对外技术交流分享中，把这些内容重点放进去。也是希望通
  • Ch55xduino 项目使用教程
    Ch55xduino项目使用教程ch55xduino项目地址:https://gitcode.com/gh_mirrors/ch/ch55xduino1.项目介绍Ch55xduino是一个为CH55X系列微控制器提供的Arduino编程接口。CH55X是一系列低成本的MCS51USB微控制器，Ch55xduino项目旨在简化这些设备的编程环境设置，使用户能够像使用ArduinoIDE一样轻松地编写
  • 关于旗正规则引擎中的MD5加密问题 何必如此 jspMD5规则加密
    一般情况下，为了防止个人隐私的泄露，我们都会对用户登录密码进行加密，使数据库相应字段保存的是加密后的字符串，而非原始密码。 在旗正规则引擎中，通过外部调用，可以实现MD5的加密，具体步骤如下： 1.在对象库中选择外部调用，选择“com.flagleader.util.MD5”，在子选项中选择“com.flagleader.util.MD5.getMD5ofStr({arg1})”； 2.在规
  • 【Spark101】Scala Promise/Future在Spark中的应用 bit1129 Promise
    Promise和Future是Scala用于异步调用并实现结果汇集的并发原语，Scala的Future同JUC里面的Future接口含义相同，Promise理解起来就有些绕。等有时间了再仔细的研究下Promise和Future的语义以及应用场景，具体参见Scala在线文档：http://docs.scala-lang.org/sips/completed/futures-promises.html
  • spark sql 访问hive数据的配置详解 daizj spark sqlhivethriftserver
    spark sql 能够通过thriftserver 访问hive数据，默认spark编译的版本是不支持访问hive，因为hive依赖比较多，因此打的包中不包含hive和thriftserver,因此需要自己下载源码进行编译，将hive，thriftserver打包进去才能够访问，详细配置步骤如下：   1、下载源码   2、下载Maven,并配置 此配置简单，就略过
  • HTTP 协议通信 周凡杨 javahttpclienthttp通信
                            一：简介  HTTPCLIENT，通过JAVA基于HTTP协议进行点与点间的通信！     二： 代码举例      测试类： import java
  • java unix时间戳转换 g21121 java
    把java时间戳转换成unix时间戳： Timestamp appointTime=Timestamp.valueOf(new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(new Date())) SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd hh:m
  • web报表工具FineReport常用函数的用法总结（报表函数） 老A不折腾 web报表finereport总结
    说明：本次总结中，凡是以tableName或viewName作为参数因子的。函数在调用的时候均按照先从私有数据源中查找，然后再从公有数据源中查找的顺序。   CLASS CLASS(object):返回object对象的所属的类。   CNMONEY CNMONEY(number,unit)返回人民币大写。 number:需要转换的数值型的数。 unit:单位，
  • java jni调用c++ 代码 报错 墙头上一根草 javaC++jni
    # # A fatal error has been detected by the Java Runtime Environment: # #  EXCEPTION_ACCESS_VIOLATION (0xc0000005) at pc=0x00000000777c3290, pid=5632, tid=6656 # # JRE version: Java(TM) SE Ru
  • Spring中事件处理de小技巧 aijuans springSpring 教程Spring 实例Spring 入门Spring3
    Spring 中提供一些Aware相关de接口，BeanFactoryAware、 ApplicationContextAware、ResourceLoaderAware、ServletContextAware等等，其中最常用到de匙ApplicationContextAware.实现ApplicationContextAwaredeBean，在Bean被初始后，将会被注入 Applicati
  • linux shell ls脚本样例 annan211 linuxlinux ls源码linux 源码
    #! /bin/sh - #查找输入文件的路径 #在查找路径下寻找一个或多个原始文件或文件模式 # 查找路径由特定的环境变量所定义 #标准输出所产生的结果 通常是查找路径下找到的每个文件的第一个实体的完整路径 # 或是filename :not found 的标准错误输出。 #如果文件没有找到 则退出码为0 #否则 即为找不到的文件个数 #语法 pathfind [--
  • List,Set,Map遍历方式 (收集的资源,值得看一下) 百合不是茶 listsetMap遍历方式
    List特点：元素有放入顺序，元素可重复 Map特点：元素按键值对存储，无放入顺序 Set特点：元素无放入顺序，元素不可重复（注意：元素虽然无放入顺序，但是元素在set中的位置是有该元素的HashCode决定的，其位置其实是固定的） List接口有三个实现类：LinkedList，ArrayList，Vector LinkedList：底层基于链表实现，链表内存是散乱的，每一个元素存储本身
  • 解决SimpleDateFormat的线程不安全问题的方法 bijian1013 javathread线程安全
    在Java项目中，我们通常会自己写一个DateUtil类，处理日期和字符串的转换，如下所示： public class DateUtil01 { private SimpleDateFormat dateformat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); public void format(Date d
  • http请求测试实例（采用fastjson解析） bijian1013 http测试
            在实际开发中，我们经常会去做http请求的开发，下面则是如何请求的单元测试小实例，仅供参考。 import java.util.HashMap; import java.util.Map; import org.apache.commons.httpclient.HttpClient; import
  • 【RPC框架Hessian三】Hessian 异常处理 bit1129 hessian
    RPC异常处理概述   RPC异常处理指是，当客户端调用远端的服务，如果服务执行过程中发生异常，这个异常能否序列到客户端？   如果服务在执行过程中可能发生异常，那么在服务接口的声明中，就该声明该接口可能抛出的异常。   在Hessian中，服务器端发生异常，可以将异常信息从服务器端序列化到客户端，因为Exception本身是实现了Serializable的
  • 【日志分析】日志分析工具 bit1129 日志分析
    1. 网站日志实时分析工具 GoAccess http://www.vpsee.com/2014/02/a-real-time-web-log-analyzer-goaccess/ 2. 通过日志监控并收集 Java 应用程序性能数据(Perf4J) http://www.ibm.com/developerworks/cn/java/j-lo-logforperf/ 3.log.io 和
  • nginx优化加强战斗力及遇到的坑解决 ronin47 nginx 优化
    　　　先说遇到个坑，第一个是负载问题，这个问题与架构有关，由于我设计架构多了两层，结果导致会话负载只转向一个。解决这样的问题思路有两个：一是改变负载策略，二是更改架构设计。 　　　由于采用动静分离部署，而nginx又设计了静态，结果客户端去读nginx静态，访问量上来，页面加载很慢。解决：二者留其一。最好是保留apache服务器。   　　　来以下优化：   　　　
  • java-50-输入两棵二叉树A和B，判断树B是不是A的子结构 bylijinnan java
    思路来自： http://zhedahht.blog.163.com/blog/static/25411174201011445550396/ import ljn.help.*; public class HasSubtree { /**Q50. * 输入两棵二叉树A和B，判断树B是不是A的子结构。 例如，下图中的两棵树A和B，由于A中有一部分子树的结构和B是一
  • mongoDB 备份与恢复 开窍的石头 mongDB备份与恢复
    Mongodb导出与导入 1: 导入/导出可以操作的是本地的mongodb服务器,也可以是远程的. 所以,都有如下通用选项: -h host   主机 --port port    端口 -u username 用户名 -p passwd   密码 2: mongoexport 导出json格式的文件
  • [网络与通讯]椭圆轨道计算的一些问题 comsci 网络
         如果按照中国古代农历的历法，现在应该是某个季节的开始，但是由于农历历法是3000年前的天文观测数据，如果按照现在的天文学记录来进行修正的话，这个季节已经过去一段时间了。。。。。       也就是说，还要再等3000年。才有机会了，太阳系的行星的椭圆轨道受到外来天体的干扰，轨道次序发生了变
  • 软件专利如何申请 cuiyadll 软件专利申请
    软件技术可以申请软件著作权以保护软件源代码，也可以申请发明专利以保护软件流程中的步骤执行方式。专利保护的是软件解决问题的思想，而软件著作权保护的是软件代码（即软件思想的表达形式）。例如，离线传送文件，那发明专利保护是如何实现离线传送文件。基于相同的软件思想，但实现离线传送的程序代码有千千万万种，每种代码都可以享有各自的软件著作权。申请一个软件发明专利的代理费大概需要5000-8000申请发明专利可
  • Android学习笔记 darrenzhu android
    1.启动一个AVD 2.命令行运行adb shell可连接到AVD,这也就是命令行客户端 3.如何启动一个程序   am start -n package name/.activityName   am start -n com.example.helloworld/.MainActivity 启动Android设置工具的命令如下所示： # am start -
  • apache虚拟机配置，本地多域名访问本地网站 dcj3sjt126com apache
    现在假定你有两个目录，一个存在于 /htdocs/a，另一个存在于 /htdocs/b 。 现在你想要在本地测试的时候访问 www.freeman.com 对应的目录是 /xampp/htdocs/freeman ,访问 www.duchengjiu.com 对应的目录是 /htdocs/duchengjiu。 1、首先修改C盘WINDOWS\system32\drivers\etc目录下的
  • yii2 restful web服务[速率限制] dcj3sjt126com PHPyii2
    速率限制 为防止滥用，你应该考虑增加速率限制到您的API。 例如，您可以限制每个用户的API的使用是在10分钟内最多100次的API调用。 如果一个用户同一个时间段内太多的请求被接收， 将返回响应状态代码 429 (这意味着过多的请求)。 要启用速率限制, [[yii\web\User::identityClass|user identity class]] 应该实现 [[yii\filter
  • Hadoop2.5.2安装——单机模式 eksliang hadoophadoop单机部署
    转载请出自出处：http://eksliang.iteye.com/blog/2185414 一、概述        Hadoop有三种模式 单机模式、伪分布模式和完全分布模式，这里先简单介绍单机模式 ，默认情况下，Hadoop被配置成一个非分布式模式，独立运行JAVA进程，适合开始做调试工作。   二、下载地址 Hadoop 网址http:
  • LoadMoreListView+SwipeRefreshLayout（分页下拉）基本结构 gundumw100 android
    一切为了快速迭代 import java.util.ArrayList; import org.json.JSONObject; import android.animation.ObjectAnimator; import android.os.Bundle; import android.support.v4.widget.SwipeRefreshLayo
  • 三道简单的前端HTML/CSS题目 ini htmlWeb前端css题目
    使用CSS为多个网页进行相同风格的布局和外观设置时，为了方便对这些网页进行修改，最好使用（ ）。http://hovertree.com/shortanswer/bjae/7bd72acca3206862.htm   在HTML中加入<table style=”color:red; font-size:10pt”>，此为（ ）。http://hovertree.com/s
  • overrided方法编译错误 kane_xie override
    问题描述： 在实现类中的某一或某几个Override方法发生编译错误如下： Name clash: The method put(String) of type XXXServiceImpl has the same erasure as put(String) of type XXXService but does not override it   当去掉@Over
  • Java中使用代理IP获取网址内容（防IP被封，做数据爬虫） mcj8089 免费代理IP代理IP数据爬虫JAVA设置代理IP爬虫封IP
    推荐两个代理IP网站：   1. 全网代理IP：http://proxy.goubanjia.com/   2. 敲代码免费IP：http://ip.qiaodm.com/   Java语言有两种方式使用代理IP访问网址并获取内容，   方式一，设置System系统属性   // 设置代理IP System.getProper
  • Nodejs Express 报错之 listen EADDRINUSE qiaolevip 每天进步一点点学习永无止境nodejs纵观千象
    当你启动 nodejs服务报错： >node app Express server listening on port 80 events.js:85 throw er; // Unhandled 'error' event ^ Error: listen EADDRINUSE at exports._errnoException (
  • C++中三种new的用法 _荆棘鸟_ C++new
    转载自：http://news.ccidnet.com/art/32855/20100713/2114025_1.html 作者: mt 其一是new operator，也叫new表达式；其二是operator new，也叫new操作符。这两个英文名称起的也太绝了，很容易搞混，那就记中文名称吧。new表达式比较常见，也最常用，例如： string* ps = new string("
  • Ruby深入研究笔记1 wudixiaotie Ruby
    module是可以定义private方法的 module MTest def aaa puts "aaa" private_method end private def private_method puts "this is private_method" end end
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他