zhangqiushui
zhangqiushui

页面嵌入式流媒体点唱机

 本文对Media Service的客户应用程序Media Player在Web页面中的使用做了简单的介绍，结合JavaScript语言具体实现了一个页面嵌入式点唱机程序，可以实现流媒体文件的选择打开和播放，该例子应用在音乐和视频点播网站可以更好的保护作者的版权。

1.流媒体简介

多媒体信息的数据量很大，在网络上传输音/视频等信息主要有下载和流式传输两种方案，流式传输采用的是边接收边播放的原则，即数据流由流媒体服务器向用户计算机连续、实时地传送，客户机不必等到
整个文件全部下载完毕，只需经过几秒或十数秒的启动延时即可进行观看，采用一边播放，一边下载，一边丢弃的方式，节省了客户端存储空间，有效的利用了带宽，并真正实现作品知识产权保护。

实现流媒体传输需要2个条件：支持流式传输的流媒体服务器和能流式传输的流媒体文件。目前主要有三家流媒体公司在这方面占主导市场：

(1)Microsoft公司的WindowsMedia

http://www.microsoft.com/windows/windowsmedia/

(2) RealNetworks公司的RealMedia

http://www.real.com

(3) Apple公司的QuickTime

http://www.apple.com/quicktime/download/

图1为流媒体网络播放的过程。



图1 流媒体传输原理

2.流媒体文件的网上发布方式

与图片文字不同的是，浏览器本身不能播放流媒体文件，需要插件或安装播放器，常用的播放器如Windows Media Player或Real Player可到相应的站点都提供免费下载使用。

流媒体文件页面发布一般有2种方式：页面链接和页面嵌入。采用页面嵌入式，播放器成为页面的一个基元，影片或声音无间隙地内嵌在网页中，当页面打开时便可自动播放，其好处主要有：(1)设计者可以完全控制播放器的外观和功能，也就可以自由设计播放器的尺寸，在页面中位置，可以使用的按纽，播放指定的唯一文件，与页面实现无缝结合。(2)通过页面脚本语言JavaScript或VBScript来控制播放器，可以创建自定义的播放器外观和实现特殊功能，例如实现页面点唱机功能。

对于Windows Media 还是Real Media视频文件都包括2个文件：一个为视频源文件，一个为指向源文件的指针文件，利用指针文件来重定向流信息的主要原因是：目前通用的客户端浏览器通常均不能直接支持用于播放流信息的MMS协议或RTSP协议，需要向流媒体服务器发出请求，由Media Server以流式传输方式播放指针文件中指定的视频源文件。本文以Windows Media为例说明其实现方法[1]。

在页面加入视频最简单的方法就是在页面中用HTML语言加入指向Web Server的指针文件，先使用文本编辑器生成yourfile.asx指针文件，它是纯文本文件，其中代码如下：

<ASX version="3.0">

<TITLE>yourfile.asx</TITLE>

<ENTRY>

<TITLE>A Simple ASX</TITLE>

<AUTHOR>Your Name</AUTHOR>

<REF HREF="mms:// _fcksavedurl=""mms://" windows media server/sample.asf"/>

</ENTRY>

</ASX>

它的<entry></entry>可以有多个，表示有多个流要播放，也就是播放列表，每个<entry></entry>之间还有属于每个流的相关信息包括TITLE，AUTHOR，COPYRIGHT等。生成yourfile.asx文件后，把它上传到Web Server，且要和播放页面在同一个路径下。

嵌入式页面在IE采用的是ActiveX Control技术，对Netscape Navigator而是采用plug-in技术。要实现流媒体直接在页面中播放，先用上述方法创建asx指针文件，或者可以用同一个asx，具体实现的话，如在Microsoft FrontPage中，通过插入Windows Media Player 这个ActiveX控件，在HTML中BODY项中将会自动生成<object > </object>代码，如下所示。 你所要做的就是根据你的要求更改Param项参数，其中Param项的FileName参数指向流媒体文件的指针文件asx，即http://server/path/your-file.asx，各参数项根据自己要求设置。

<object id="MediaPlayer1" width=180 height=200

classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"

codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"

standby="Loading Microsoft® Windows® Media Player components..."

type="application/x-oleobject" align="middle">

<param name="FileName" value="server/path/your-file.asx ">

<param name="ShowStatusBar" value="True">

<param name="DefaultFrame" value="mainFrame">

<embed type="application/x-mplayer2"

pluginspage = "http://www.microsoft.com/Windows/MediaPlayer/"

src=" http://server/path/your-file.asx " align="middle"

width=176

height=144

autostart=1

showcontrols=0>

</embed>

</object>


播放窗口适宜大小:

窗口大小
传输速率

Width=160 height=120
适合28.8kbps

Width=240 height=160
适合56kbps

Width=320 height=240
适合高于100kbps ,全屏要达到300kbps.


3.具体实现

Media Player做为一个ActiveX对象，有很多的属性（Property）和方法（Method）可以供Web页使用，如果与JavaScript结合的话，可以实现更复杂的功能，具体用到了Media Player的Play( ), Pause( ), stop( ) 方法实现播放、暂停、停止操作，利用Media Player的displaySize、showControls、fileName属性控制播放窗口大小、按钮的可见、改变播放的媒体文件，由于Media Player对象的属性和方法太多，我们不可能在此一一介绍，用户在使用时可以参考Media Player SDK[2]的帮助文档以获取更多的信息。本文利用JavaScript语言结合Media Player的属性和方法实现了一个流媒体嵌入式页面点唱机功能。

点唱机的完整代码如下：

<HTML><HEAD>

<TITLE>嵌入式流媒体页面点唱机</TITLE>

<SCRIPT LANGUAGE = "JavaScript">

<!--先定义流媒体文件结构，加入欲播放的流媒体文件-->

var streams = new Array();

streams[0] = new makeStream("http://server/path/your-file.asx", "Your Movie Name");

streams[1] = new makeStream("mms:// windows media server/sample.asf ", "Sample Movie");

function makeStream(url, name) {

this.url = url;

this.name = name;

}

function handleControlsOnOffClick() {

if (document.mediaPlayer.showControls == true) {

document.mediaPlayer.showControls = false;

document.playerCtrl.controls.value = " 显示控件 ";

}

else { document.mediaPlayer.showControls = true;

document.playerCtrl.controls.value = " 隐藏控件 "

}

}

function handlePlayOrPauseClick(){

var state;

playerStatus = document.mediaPlayer.playState;

if (playerStatus == 6) {

document.mediaPlayer.play();

document.playerCtrl.playOrPause.value = " 暂停 ";

}

else if (playerStatus == 1) {

document.mediaPlayer.play();

document.playerCtrl.playOrPause.value = " 暂停 ";

}

else if (playerStatus == 2) {

document.mediaPlayer.pause();

document.playerCtrl.playOrPause.value = " 播放 ";

}

}

function changeSize(newSize) {

document.mediaPlayer.displaySize = newSize;

}

<!--当用户改变欲播放的流媒体文件时,调用Media Player的stop( )方法,把URL地址赋值到Media Player的fileName参数中,Media Player重新开始播放-->

function change() {

var list = document.playerCtrl.streams;

var streamURL = list.options[list.selectedIndex].value;

document.mediaPlayer.stop();

document.playerCtrl.playOrPause.value = " 暂停 ";

document.mediaPlayer.fileName = streamURL;

}

</SCRIPT>

</HEAD>

<BODY LEFTMARGIN = "100">

<h3>嵌入式流媒体页面点唱机</h3><P>

<OBJECT

ID="mediaPlayer"

CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"

CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"

STANDBY="Loading Microsoft Windows Media Player components..."

TYPE="application/x-oleobject" width="286" height="225">

<PARAM NAME="fileName" VALUE=" server/path/your-file.asx ">

<PARAM NAME="animationatStart" VALUE="true">

<PARAM NAME="transparentatStart" VALUE="true">

<PARAM NAME="autoStart" VALUE="true">

<PARAM NAME="showControls" VALUE="true">

</OBJECT><P>

<FORM NAME="playerCtrl">

<INPUT TYPE="button" VALUE="暂停" NAME="playOrPause" onClick="handlePlayOrPauseClick()" STYLE = "font-family:courier">

<INPUT TYPE="button" VALUE="隐藏控件" NAME="controls" onClick="handleControlsOnOffClick()" STYLE = "font-family:courier"><BR>

<INPUT TYPE="button" VALUE="小屏幕" NAME="small" onclick="changeSize(1)" STYLE="font-family:courier"><INPUT TYPE="button" VALUE="原始大小" NAME="normal" onclick="changeSize(0)" STYLE="font-family:courier"><INPUT TYPE="button" VALUE="大屏幕" NAME="large" onclick="changeSize(2)" STYLE="font-family:courier">

<p>选择播放的电影

<SCRIPT LANGUAGE="JavaScript">

<!--当用户从从下拉列表中选择想播放的流媒体文件后，获取该文件的URL和Name-->

with (document) {

writeln('<SELECT NAME="streams" onChange="change()">');

for (var i = 0; i < streams.length; i++) {

writeln('<OPTION VALUE="', streams[i].url, '">', streams[i].name);

}

writeln('</SELECT>');

}

</SCRIPT>

</p>

</FORM> </BODY> </HTML>

其中播放列表中的流媒体文件,根据定义包括url（指向媒体文件网络地址）和name（页面显示的文件名），可以根据要求加入多个不同地址的媒体文件，指向的媒体文件可以是ASX和ASF的2种类型，其写法不一样，采用ASX索引文件用http协议指向对应的索引文件地址，采用ASF媒体文件用mms流媒体传输协议直接播放指向的媒体文件。图2为具体实现的一个例子。



图2页面嵌入式流媒体点唱机实现

4.结束语

本文对Media Service的客户应用程序Media Player在Web页面中的使用做了简单的介绍，结合JavaScript语言具体实现了一个页面嵌入式点唱机程序，可以实现流媒体文件的选择打开和播放，该例子应用在音乐和视频点播网站可以更好的保护作者的版权。

你可能感兴趣的:(JavaScript,windows,Microsoft,嵌入式,button,流媒体服务器)

  • 安装MySQL数据库 H03004 adb
    学习过程与安装步骤下载MySQL:访问MySQL官网(https://dev.mysql.com/downloads/mysql/)。根据你的操作系统选择合适的版本下载。对于Windows用户，推荐下载带有图形界面安装向导的版本；对于Linux用户，则可以选择基于命令行的安装包。安装MySQL:对于Windows用户，运行下载的安装文件，按照向导提示完成安装。在安装过程中，需要设置root用户的密
  • Neo4j 图数据库安装教程（2024最新版）—— Windows / Linux / macOS 全平台指南 2501_91537435 图数据库neo4j数据库windows
    Neo4j图数据库安装教程（2024最新版）——Windows/Linux/macOS全平台指南Neo4j是目前最流行的图数据库（GraphDatabase），广泛应用于社交网络、推荐系统、知识图谱等领域。本文将详细介绍Windows、Linux和macOS三大平台的Neo4j安装方法，并包含配置优化、基础使用示例和常见问题解决。一、Neo4j简介1.什么是Neo4j？Neo4j是一个高性能的No
  • vue面试题整理1 weixin_42339193 vue.js前端javascript
    一、基础概念题1、Vue响应式原理是什么？如何检测数组变化？Vue的响应式原理主要是通过使用JavaScript的对象属性访问器（getters和setters）、依赖收集（dependencytracking）以及异步更新策略来实现的。以下是其核心概念：数据劫持/代理：Vue2.x使用Object.defineProperty方法将数据对象的所有属性转换为getter/setter形式。当属性被
  • 利用ShadowRoot 实现样式隔离 Helson@lin javascriptchromedevtools
    ShadowRootShadowDOMAPI的ShadowRoot接口是一个DOM子树的根节点，它与文档的主DOM树分开渲染。ShadowRoot的模式——可以是open或者closed。这定义了shadowroot的内部实现是否可被JavaScript访问及修改—也就是说ShadowRoot的特性图片来源：掘金（https://juejin.cn/post/6979489951108825095
  • 数据库搭建集群之主从复制 gardenia_a 初级程序猿
    数据库搭建集群之主从复制安装数据库去官网https://www.mysql.com/在linux系统下修改配置my.conf(windows是my.ini)主服务加上server_id=1一台从服务器是server_id=2，一台从服务器server_id=3重启数据库linux命令servicemysqldstart在进行数据库配置主数据执行：让从库来找到GRANTREPLICATIONSLAV
  • python | vscode | cursor | 使用uv快速创建虚拟环境（实现一个项目一个虚拟环境，方便环境管理） 让我安静会 配置与安装pythonvscodeuv
    从笨重的pycharm转到vscode/cursor。vscode是编辑器，虽然可以安装各种extension，还是需要安装python解释器。安装python，实现基本代码运行：去python官网下载python的windows安装包（python解释器）安装时记得选择customized，安装非C盘中（比如D盘）将python添加到PATH中：把刚刚安装python的路径添加到系统环境变量中（
  • C++基础（FreeRDP编译）
    安装先安装openssl保姆级OpenSSL下载及安装教程,OpenSSL下载及安装教程-CSDN博客vcpkgintegrateinstall安装vcpkginstallzlibvcpkginstallffmpeg:x64-windows编译指令PSD:\freerdp\FreeRDP\build>cmake..-G"VisualStudio172022"-Ax64-DCMAKE_TOOLCHA
  • 深度C盘清理技巧 nightunderblackcat 基础项目开发语言windows
    大家好！C盘空间告急几乎是每个Windows用户都会遇到的“成长烦恼”。系统运行缓慢、更新失败、软件无法安装……这些问题的元凶往往就是被塞满的C盘。今天我们就来一场彻底的“大扫除”，不仅清理表面垃圾，更要深入系统释放宝贵空间！第一步：基础清洁-扫除显性垃圾磁盘清理工具(最基础但有效！)操作：打开“此电脑”->右键点击C盘->选择属性->点击磁盘清理。重点清理：Windows更新清理：这是大头！系统
  • 【WinSCP 安装与使用】 岁月玲珑 linuxwindowslinuxwindows
    WinSCP是一款完全免费且开源的Windows图形化文件传输工具，基于SSH协议实现安全的SFTP和SCP文件传输，特别适合在Windows与Linux服务器间进行文件管理。以下从安装到使用的完整指南：✅一、WinSCP的核心特性（免费开源验证）开源协议采用GPL许可证，源码托管于GitHub。零费用无广告、无功能限制，所有版本均可免费使用。安全传输支持SFTP（SSH-2）、SCP协议，全程加
  • ARM CMSIS 资源文件下载介绍 马沛茂
    ARMCMSIS资源文件下载介绍【下载地址】ARMCMSIS资源文件下载介绍ARMCMSIS资源库为开发者提供了ARMCortex-M处理器系列的标准化软件接口，助力嵌入式系统开发更加高效。该库包含ARMCMSIS5.5.0和5.6.0版本的打包资源，涵盖了核心的软件接口标准，帮助开发者简化代码设计，提升开发效率与代码可重用性。无论是初学者还是经验丰富的开发者，都能通过这些资源快速构建稳定、高效的
  • 学 Simulink：实时系统与嵌入式部署类场景ROS + Simulink 联合仿真的多传感器信号融合与滤波模块 amy_mhd simulinkmatlab
    目录ROS+Simulink联合仿真的多传感器信号融合与滤波模块场景目标✅准备工作软件安装：硬件准备（可选）：步骤详解第一步：创建Simulink模型并配置ROS支持启用ROS工具箱支持：第二步：添加ROS输入接口（接收传感器数据）使用Subscribe模块接收ROSTopic数据：第三步：设计滤波与信号预处理模块方法一：IMU数据滤波（加速度+角速度）方法二：卡尔曼滤波器（KalmanFilte
  • 深入解析privacy.sexy项目的应用层架构与实现 郁蝶文Yvette
    深入解析privacy.sexy项目的应用层架构与实现privacy.sexyOpen-sourcetooltoenforceprivacy&securitybest-practicesonWindows,macOSandLinux,becauseprivacyissexy项目地址:https://gitcode.com/gh_mirrors/pr/privacy.sexy项目概述privacy.
  • 机电一体化c语言程序设计,机电一体化专业《C语言程序设计》课程标准 爱吃糖的果子狸 机电一体化c语言程序设计
    山东海事职业学院机电一体化专业《C语言程序设计》课程标准一、课程性质与任务《C语言程序设计》是机电一体化专业的职业能力素质课程之一，并且是本专业的核心专业课程之一，理论性和实践性均较强，既要掌握理论概念，又要动手编程，还要上机调试运行。通过本课程的学习，使学生掌握基本的程序设计过程和技巧，熟练应用MicrosoftVisualC6.0集成环境进行C语言的编写、编译与调试，培养学生的逻辑思维能力、抽
  • I.MX6ULL ARM裸机开发---C语言LED实验 一盆电子 ARM裸机开发armc语言驱动开发
    一、引言  考虑到工作效率，嵌入式驱动开发很少用汇编，大部分是用C语言进行开发。  嵌入式驱动开发开始部分就可以用C语言吗？  当然不是！在开始部分用汇编来初始化一下C语言环境，比如初始化DDR、设置堆栈指针SP等等，当这些工作都做完以后就可以进入C语言环境，也就是运行C语言代码，一般都是进入main函数。有两部分文件需要完成：  1、汇编文件  汇编文件用来完成C语言环境搭建。  2、C语言文件
  • Windows下利用RegisterWindowMessage函数实现进程间通信
    程间通信的方法有很多，比如使用注册消息，内存映射，WM_COPYDATA等，下面先讲使用注册消息实现的方法。使用注册消息比较简单，核心是消息的接收端和消息的发送端（接收端和发送端在两个不同的进程）必须注册相同的消息，这样发送消息才能识别。功能：定义一个新的窗口消息，该消息保证在整个系统中是唯一的。发送或发布消息时可以使用消息值。UINTRegisterWindowMessageA([in]LPCS
  • JAVA：常见 JSON 库的技术详解 拾荒的小海螺 JAVAjavajson开发语言
    1、简述在现代应用开发中，JSON（JavaScriptObjectNotation）已成为数据交换的标准格式。Java提供了多种方式将对象转换为JSON或从JSON转换为对象，常见的库包括Jackson、Gson和org.json。本文将介绍几种常用的JSON处理方式，并通过简单示例展示其应用。2、什么是JSON？JSON是一种轻量级的数据交换格式，使用键值对来表示数据。它易于人阅读和编写，同时
  • GPIO、I2C、SPI、UART 科学的发展-只不过是读大自然写的代码 驱动开发linuxubuntu驱动开发
    GPIO、I2C、SPI、UART是嵌入式系统和电子设备中常用的通信协议和接口标准，它们各自具有不同的特点和应用场景。以下是关于这四个概念的详细介绍：GPIO（GeneralPurposeInputOutput）定义：GPIO即通用输入输出端口，是嵌入式设备中非常基础的一部分。它允许嵌入式系统与外界环境交互，可以被配置为输入或输出模式。功能：在输入模式下，GPIO可以读取来自传感器、开关等外部设备
  • linux部署Java项目流程 呆萌IT少女 linux项目部署mysqllinuxjava服务器nginx
    项目部署流程开始准备需要的包，我用的是openJDK8，Mysql8，nginx0.6.361.搭建Linux环境若操作系统为windows环境,首先安装虚拟机并搭建对应的linux操作系统。2.安装Openjdk1.81.创建jdk目录mkdir-p/usr/local/javacd/usr/local/java2.解压tar-zxvfjdk包3.配置环境变量vim/etc/profileexp
  • windows11 环境下Mamba 环境安装：causal-conv1d和mamba-ssm报错解决办法 lzdjlu 深度学习python人工智能pytorchpython
    Mamba环境安装：causal-conv1d和mamba-ssm报错解决办法在执行命令pipinstallcausal_conv1d和mamba_ssm出错note:Thiserrororiginatesfromasubprocess,andislikelynotaproblemwithpip.ERROR:Failedbuildingwheelforcausal-conv1dRunningset
  • zephyr OS 线程的使用
    目录概述1线程的概念1.1线程定义1.2线程的本质定义1.3线程的核心组成要素1.4线程与进程的对比1.5线程在RTOS中的关键特性1.6线程的同步与通信1.7线程在嵌入式系统的特殊考量1.8多线程编程模型2ZephyrRTOS中线程2.1创建线程的步骤2.2ZephyrRTOS中线程定义2.3关键API函数2.4线程中的睡眠函数3线程应用实践3.1完整线程定义模板3.1.1源代码3.1.2关键细
  • JS 与 CSS 的交互式开发：打造灵动的网页体验 维他奶糖61 pandas数据库前端
    在当今的网页开发领域，静态的网页早已无法满足用户日益增长的交互需求。JavaScript（JS）和层叠样式表（CSS）作为前端开发的两大支柱，它们的强强联合能够创造出令人惊叹的交互式网页效果。从简单的按钮点击变色，到复杂的动画过渡和动态页面布局变换，JS与CSS的交互式开发赋予了网页生命与活力。接下来，就让我们深入探索这一奇妙的领域。理解JS与CSS的分工与协作在开始交互式开发之前，我们需要明确J
  • js代码开发
    当然可以！为你说明在VSCode中进行JavaScript开发的环境配置，这是一个非常普遍且高效的组合。别担心，配置过程非常直接。JS开发环境的核心主要包括两大部分：运行时(Runtime)：即能够执行JavaScript代码的环境。开发工具(Tooling)：即让编码过程更高效、更不容易出错的工具，这部分主要通过VSCode扩展来实现。下面我为你分解成清晰的步骤，跟着做就行。第一步：安装Node
  • 用Pytorch训练手写签名模型并进行签名识别 TBM矩阵 #AI体系学习pytorch人工智能python
    整体思路收集至少两个人的手写签名图片，每个人至少20张使用Pytorch进行模型训练使用Flask搭建Web服务使用Html/JavaScript实现前端调用进行签名识别项目结构signature-systemdatatrainuser001001.png...user002001.png...templatesindex.htmlapp.pymodel.pytrain.py建模：model.py
  • `docker-compose` 安装 Neo4j 的详细步骤 MonkeyKing.sun dockerneo4j容器
    docker-compose安装Neo4j的详细步骤，适用于本地开发或测试环境（适配Neo4j5.x或4.x版本）：一、准备环境1.安装Docker和DockerCompose如果尚未安装，请根据系统安装：Linux/macOS推荐安装DockerDesktop（已集成DockerCompose）Windows安装DockerDesktop验证安装：docker-vdocker-compose-v
  • 语法糖：编程中的甜蜜简化 (附 Vue 3 & Javascript 实战示例) Pu_Nine_9 前端学习javascriptvue.js前端语法糖
    什么是语法糖？语法糖（SyntacticSugar）是编程语言中一种特殊的语法结构，它不引入新的功能，而是提供一种更简洁、更易读的方式来表达已有功能。就像给咖啡加糖一样，它让代码"更甜"——更易于理解和编写。语法糖的四大核心价值可读性提升：让代码更接近自然语言表达开发效率：减少样板代码，专注业务逻辑错误预防：通过标准化模式减少人为失误维护便捷：简洁的代码结构更易于后期维护经典语法糖示例深度解析示例
  • memcpy与memcpy_toio：深入解析两大数据传输神器 jghhh01 c++c语言
    在软件开发中，数据的高效传输是确保程序性能和稳定性的关键。C语言作为一种广泛应用于系统编程和嵌入式开发的语言，提供了多种用于数据复制和传输的函数。其中，memcpy和memcpy_toio是两个备受关注的数据传输函数，它们各自在特定场景下发挥着不可替代的作用。本文将深入解析这两个函数，探讨它们的用途、区别以及在实际应用中的最佳实践。一、memcpy：内存复制的基础工具memcpy是C标准库中的一个
  • Windows 比较Excel文件助手 阿富软件园 电脑开源软件windows
    在日常工作中，Excel是处理数据的常用工具，软件下载地址安装包但面对两份相似的工作表，如何快速准确地找出它们之间的差异，常常让许多Excel新手感到头疼。不过，现在有一款专为Excel小白设计的辅助工具，能够轻松解决这一难题，堪称Excel小白的福音。这款工具的使用方法非常简单，用户只需直接导入两份需要对比的工作表，软件便会自动启动其强大的数据对比功能。它能够主动且精准地定位出两份工作表中不同数
  • React用户交互事件
    在React中处理用户交互事件（如点击、输入、提交等）的方式与原生JavaScript类似，但有一些语法差异和最佳实践。以下是常见交互事件的处理方法及代码示例：一、基本事件处理（点击、输入等）1.点击事件（onClick）importReact,{useState}from'react';constButtonExample=()=>{const[count,setCount]=useState(
  • OneMessage：打造高效跨平台消息框架 蒋闯中Errol
    OneMessage：打造高效跨平台消息框架OneMessage一个基于发布-订阅模型的多线程消息框架，用于嵌入式平台，纯C实现，性能和灵活性极高项目地址:https://gitcode.com/gh_mirrors/on/OneMessage项目介绍OneMessage是一个基于发布-订阅模型的跨平台消息框架，使用纯C语言编写，以其卓越的性能和高度灵活性而著称。它集成了红黑树、链表、队列、CRC
  • 嵌入式通信协议框架的四层架构设计与实现 比特冬哥 嵌入式领域开发嵌入式通信协议分层框架
    文章目录一、硬件抽象层：数据收发的基石1.1设计要点1.2代码示例二、协议管理层：智能路由中枢2.1设计要点2.2代码示例三、协议处理层：协议具体实现3.1设计要求3.2代码示例3.2.1协议公共定义3.2.2协议一设计3.2.3协议二设计四、应用层：业务逻辑实现4.1设计要点4.2代码示例4.2.1协议一处理4.2.2协议二处理五、四层协作流程5.1收发流程5.2代码示例总结在嵌入式系统开发中，
  • 开发者关心的那些事 圣子足道 ios游戏编程apple支付
    我要在app里添加IAP，必须要注册自己的产品标识符（product identifiers）。产品标识符是什么？ 产品标识符（Product Identifiers）是一串字符串，它用来识别你在应用内贩卖的每件商品。App Store用产品标识符来检索产品信息，标识符只能包含大小写字母（A-Z）、数字（0-9）、下划线（-）、以及圆点(.)。你可以任意排列这些元素，但我们建议你创建标识符时使用
  • 负载均衡器技术Nginx和F5的优缺点对比 bijian1013 nginxF5
            对于数据流量过大的网络中，往往单一设备无法承担，需要多台设备进行数据分流，而负载均衡器就是用来将数据分流到多台设备的一个转发器。         目前有许多不同的负载均衡技术用以满足不同的应用需求，如软/硬件负载均衡、本地/全局负载均衡、更高
  • LeetCode[Math] - #9 Palindrome Number Cwind javaAlgorithm题解LeetCodeMath
    原题链接：#9 Palindrome Number   要求： 判断一个整数是否是回文数，不要使用额外的存储空间   难度：简单   分析： 题目限制不允许使用额外的存储空间应指不允许使用O(n)的内存空间，O(1)的内存用于存储中间结果是可以接受的。于是考虑将该整型数反转，然后与原数字进行比较。 注：没有看到有关负数是否可以是回文数的明确结论，例如
  • 画图板的基本实现 15700786134 画图板
     要实现画图板的基本功能，除了在qq登陆界面中用到的组件和方法外，还需要添加鼠标监听器，和接口实现。 首先，需要显示一个JFrame界面： public class DrameFrame extends JFrame {              //显示
  • linux的ps命令 被触发 linux
    Linux中的ps命令是Process Status的缩写。ps命令用来列出系统中当前运行的那些进程。ps命令列出的是当前那些进程的快照，就是执行ps命令的那个时刻的那些进程，如果想要动态的显示进程信息，就可以使用top命令。 要对进程进行监测和控制，首先必须要了解当前进程的情况，也就是需要查看当前进程，而 ps 命令就是最基本同时也是非常强大的进程查看命令。使用该命令可以确定有哪些进程正在运行
  • Android 音乐播放器 下一曲 连续跳几首歌 肆无忌惮_ android
    最近在写安卓音乐播放器的时候遇到个问题。在MediaPlayer播放结束时会回调 player.setOnCompletionListener(new OnCompletionListener() { @Override public void onCompletion(MediaPlayer mp) { mp.reset(); Log.i("H
  • java导出txt文件的例子 知了ing javaservlet
    代码很简单就一个servlet,如下： package com.eastcom.servlet; import java.io.BufferedOutputStream; import java.io.IOException; import java.net.URLEncoder; import java.sql.Connection; import java.sql.Resu
  • Scala stack试玩, 提高第三方依赖下载速度 矮蛋蛋 scalasbt
    原文地址： http://segmentfault.com/a/1190000002894524 sbt下载速度实在是惨不忍睹, 需要做些配置优化 下载typesafe离线包, 保存为ivy本地库 wget http://downloads.typesafe.com/typesafe-activator/1.3.4/typesafe-activator-1.3.4.zip 解压r
  • phantomjs安装(linux，附带环境变量设置) ，以及casperjs安装。 alleni123 linuxspider
    1. 首先从官网 http://phantomjs.org/下载phantomjs压缩包，解压缩到/root/phantomjs文件夹。 2. 安装依赖 sudo yum install fontconfig freetype libfreetype.so.6 libfontconfig.so.1 libstdc++.so.6 3. 配置环境变量 vi /etc/profil
  • JAVA IO FileInputStream和FileOutputStream，字节流的打包输出 百合不是茶 java核心思想JAVA IO操作字节流
    在程序设计语言中，数据的保存是基本，如果某程序语言不能保存数据那么该语言是不可能存在的，JAVA是当今最流行的面向对象设计语言之一，在保存数据中也有自己独特的一面，字节流和字符流 1，字节流是由字节构成的，字符流是由字符构成的 字节流和字符流都是继承的InputStream和OutPutStream ,java中两种最基本的就是字节流和字符流   类 FileInputStream
  • Spring基础实例（依赖注入和控制反转） bijian1013 spring
    前提条件：在http://www.springsource.org/download网站上下载Spring框架，并将spring.jar、log4j-1.2.15.jar、commons-logging.jar加载至工程1.武器接口 package com.bijian.spring.base3; public interface Weapon { void kil
  • HR看重的十大技能 bijian1013 提升能力HR成长
        一个人掌握何种技能取决于他的兴趣、能力和聪明程度，也取决于他所能支配的资源以及制定的事业目标，拥有过硬技能的人有更多的工作机会。但是，由于经济发展前景不确定，掌握对你的事业有所帮助的技能显得尤为重要。以下是最受雇主欢迎的十种技能。 　　一、解决问题的能力 　　每天，我们都要在生活和工作中解决一些综合性的问题。那些能够发现问题、解决问题并迅速作出有效决
  • 【Thrift一】Thrift编译安装 bit1129 thrift
    什么是Thrift The Apache Thrift software framework, for scalable cross-language services development, combines a software stack with a code generation engine to build services that work efficiently and s
  • 【Avro三】Hadoop MapReduce读写Avro文件 bit1129 mapreduce
    Avro是Doug Cutting(此人绝对是神一般的存在）牵头开发的。 开发之初就是围绕着完善Hadoop生态系统的数据处理而开展的（使用Avro作为Hadoop MapReduce需要处理数据序列化和反序列化的场景）,因此Hadoop MapReduce集成Avro也就是自然而然的事情。 这个例子是一个简单的Hadoop MapReduce读取Avro格式的源文件进行计数统计，然后将计算结果
  • nginx定制500，502，503，504页面 ronin47 nginx　错误显示
    server { listen 80; error_page 500/500.html; error_page 502/502.html; error_page 503/503.html; error_page 504/504.html; location /test {return502;}} 配置很简单，和配
  • java-1.二叉查找树转为双向链表 bylijinnan 二叉查找树
    import java.util.ArrayList; import java.util.List; public class BSTreeToLinkedList { /* 把二元查找树转变成排序的双向链表 题目： 输入一棵二元查找树，将该二元查找树转换成一个排序的双向链表。 要求不能创建任何新的结点，只调整指针的指向。 10 / \ 6 14 / \
  • Netty源码学习-HTTP-tunnel bylijinnan javanetty
    Netty关于HTTP tunnel的说明： http://docs.jboss.org/netty/3.2/api/org/jboss/netty/channel/socket/http/package-summary.html#package_description 这个说明有点太简略了 一个完整的例子在这里： https://github.com/bylijinnan
  • JSONUtil.serialize(map)和JSON.toJSONString(map)的区别 coder_xpf jqueryjsonmapval()
     JSONUtil.serialize(map)和JSON.toJSONString(map)的区别   数据库查询出来的map有一个字段为空   通过System.out.println()输出 JSONUtil.serialize(map)： {"one":"1","two":"nul
  • Hibernate缓存总结 cuishikuan 开源sshjavawebhibernate缓存三大框架
    一、为什么要用Hibernate缓存？ Hibernate是一个持久层框架，经常访问物理数据库。 为了降低应用程序对物理数据源访问的频次，从而提高应用程序的运行性能。 缓存内的数据是对物理数据源中的数据的复制，应用程序在运行时从缓存读写数据，在特定的时刻或事件会同步缓存和物理数据源的数据。   二、Hibernate缓存原理是怎样的？ Hibernate缓存包括两大类：Hib
  • CentOs6 dalan_123 centos
    首先su - 切换到root下面1、首先要先安装GCC GCC-C++ Openssl等以来模块：yum -y install make gcc gcc-c++ kernel-devel m4 ncurses-devel openssl-devel2、再安装ncurses模块yum -y install ncurses-develyum install ncurses-devel3、下载Erang
  • 10款用 jquery 实现滚动条至页面底端自动加载数据效果 dcj3sjt126com JavaScript
      无限滚动自动翻页可以说是web2.0时代的一项堪称伟大的技术，它让我们在浏览页面的时候只需要把滚动条拉到网页底部就能自动显示下一页的结果，改变了一直以来只能通过点击下一页来翻页这种常规做法。 无限滚动自动翻页技术的鼻祖是微博的先驱：推特(twitter)，后来必应图片搜索、谷歌图片搜索、google reader、箱包批发网等纷纷抄袭了这一项技术，于是靠滚动浏览器滚动条
  • ImageButton去边框&Button或者ImageButton的背景透明 dcj3sjt126com imagebutton
    在ImageButton中载入图片后，很多人会觉得有图片周围的白边会影响到美观，其实解决这个问题有两种方法 一种方法是将ImageButton的背景改为所需要的图片。如：android:background="@drawable/XXX" 第二种方法就是将ImageButton背景改为透明，这个方法更常用 在XML里；    <ImageBut
  • JSP之c:foreach eksliang jspforearch
    原文出自：http://www.cnblogs.com/draem0507/archive/2012/09/24/2699745.html <c:forEach>标签用于通用数据循环，它有以下属性 属 性 描 述 是否必须 缺省值 items 进行循环的项目 否 无 begin 开始条件 否 0 end 结束条件 否 集合中的最后一个项目 step 步长 否 1
  • Android实现主动连接蓝牙耳机 gqdy365 android
    在Android程序中可以实现自动扫描蓝牙、配对蓝牙、建立数据通道。蓝牙分不同类型，这篇文字只讨论如何与蓝牙耳机连接。 大致可以分三步： 一、扫描蓝牙设备： 1、注册并监听广播： BluetoothAdapter.ACTION_DISCOVERY_STARTED BluetoothDevice.ACTION_FOUND BluetoothAdapter.ACTION_DIS
  • android学习轨迹之四：org.json.JSONException: No value for hyz301 json
    org.json.JSONException: No value for items  在JSON解析中会遇到一种错误，很常见的错误   06-21 12:19:08.714 2098-2127/com.jikexueyuan.secret I/System.out﹕ Result:{"status":1,"page":1,&
  • 干货分享：从零开始学编程 系列汇总 justjavac 编程
    程序员总爱重新发明轮子，于是做了要给轮子汇总。 从零开始写个编译器吧系列 (知乎专栏) 从零开始写一个简单的操作系统 (伯乐在线) 从零开始写JavaScript框架 (图灵社区) 从零开始写jQuery框架 (蓝色理想 ) 从零开始nodejs系列文章 (粉丝日志) 从零开始编写网络游戏 
  • jquery-autocomplete 使用手册 macroli jqueryAjax脚本
    jquery-autocomplete学习 一、用前必备 官方网站：http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ 当前版本：1.1 需要JQuery版本：1.2.6 二、使用 <script src="./jquery-1.3.2.js" type="text/ja
  • PLSQL-Developer或者Navicat等工具连接远程oracle数据库的详细配置以及数据库编码的修改 超声波 oracleplsql
    　　在服务器上将Oracle安装好之后接下来要做的就是通过本地机器来远程连接服务器端的oracle数据库，常用的客户端连接工具就是PLSQL-Developer或者Navicat这些工具了。刚开始也是各种报错，什么TNS:no listener;TNS:lost connection;TNS:target hosts...花了一天的时间终于让PLSQL-Developer和Navicat等这些客户
  • 数据仓库数据模型之：极限存储--历史拉链表 superlxw1234 极限存储数据仓库数据模型拉链历史表
    在数据仓库的数据模型设计过程中，经常会遇到这样的需求： 1. 数据量比较大; 2. 表中的部分字段会被update,如用户的地址，产品的描述信息，订单的状态等等; 3. 需要查看某一个时间点或者时间段的历史快照信息，比如，查看某一个订单在历史某一个时间点的状态，    比如，查看某一个用户在过去某一段时间内，更新过几次等等; 4. 变化的比例和频率不是很大，比如，总共有10
  • 10点睛Spring MVC4.1-全局异常处理 wiselyman spring mvc
    10.1 全局异常处理 使用@ControllerAdvice注解来实现全局异常处理; 使用@ControllerAdvice的属性缩小处理范围 10.2 演示 演示控制器 package com.wisely.web; import org.springframework.stereotype.Controller; import org.spring
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他