美文网首页
无标题文章

无标题文章

作者: 常青rex | 来源:发表于2017-01-03 20:42 被阅读0次

    1.功能介绍

    视频分享页面是用于直播APP分享的承载页,可以让用户能够在微信、QQ等移动端APP中以网页的形式打开,观看视频和进行IM通信,增强APP的传播度,提高曝光率。

    本片文档主要介绍如何将该源码部署在一台自己搭建的 apache 服务器上,适合没有静态网页部署经验的工程师朋友进行网页代码调试。

    2.分享操作流程

    3.Demo目录结构

    • sdk: IM sdk 代码
    • js: demo的js代码
    • img: 图片文件
    • css: 样式文件

    3.部署分享页面

    源码提供了一系列的静态文件,用于部署到静态文件服务器,例如Nginx、Apache、Nodejs等

    3.1准备环境

    • 操作系统:windows 7 64位
    • web服务器软件:Apache 2.4 64位
    • 运行demo也可以是其他web服务器软件,比如Nginx
    • 服务器拥有公网IP以及域名,这里以域名 www.xiaozhibo.com 为例

    <font color="red">欢迎使用腾讯云一站式解决方案,免去各种繁琐配置操作,包括云服务器、域名服务等解决方案,详情请点击</font>

    https://www.qcloud.com/product/cvm

    3.2安装apache

    下载 64位 apache,地址:
    http://www.apachehaus.com/cgi-bin/download.plx?dli=StmURFWaNJzTEx2KWVkRwAlVOpkVFVFdSxGZPVWQ

    查看其他版本,地址:
    http://www.apachehaus.com/cgi-bin/download.plx

    将下载的压缩包,解压到本地某个目录下,比如,放在D:\Program Files\目录下。

    编辑apache配置文件:

    D:\Program Files\Apache24\conf\httpd.conf
    

    找到:Define SRVROOT 这一项,将其右方的值改为当前你Apache安装存放的目录地址,如下:

    Define SRVROOT "D:/Program Files/Apache24"
    

    继续找,找到:Listene 80,若你电脑的80端口被占用(可在cmd下用命令netstat -a查看),则将80端口改为别的端口,这里我们使用8080端口,如下:

    Listen 8080
    

    改完以上两个地方,记得保存httpd.conf文件。

    接下来需要配置安装Apache的主服务,有了它,Apache才可启动:
    打开CMD窗口,输入:

    "D:\Program Files\Apache24\bin\httpd.exe" -k install -n apache
    

    该命令的意思是,安装apache服务,并将该服务名称命名为apache(你也可以改成别的),回车。

    正常安装完毕如下所示:

    C:\Users\peakerdong>"D:\Program Files\Apache24\bin\httpd.exe" -k install -n apache
    [Fri May 20 13:39:16.474314 2016] [mpm_winnt:error] [pid 14884:tid 144] AH00433: apache: Service 
    is already installed.
    

    其中,Errors reported here must be corrected before the service can be started.意思是,若该句话后面有错误信息,则表示服务安装失败,需要先改正错误。若没有,则成功。

    在安装目录中,找到D:\Program Files\Apache24\bin\ApacheMonitor.exe可执行文件,双击运行,桌面右下角会出现图标,双击打开窗口界面,会看到如图所示:


    点击左侧start,启动apache服务。

    打开浏览器,输入访问 http://localhost
    如果你设置的端口是8080,则访问地址是http://localhost:8080/
    出现以下界面,表示apahce启动成功。

    如果服务器拥有公网IP以及域名,可以使用域名访问,例如:
    http://www.xiaozhibo.com/

    3.3 运行demo

    将demo中的share目录的文件拷贝到apache web运行目录下:

    D:\Program Files\Apache24\htdocs
    

    这时访问分享页的地址将会是

    http://www.xiaozhibo.com/share/xiaozhibo.html

    注意:这里的地址还未带上必要的参数。

    完整的分享链接需要小直播APP追加参数进行构造,最终实际的分享地址应该是:

    http://www.xiaozhibo.com/share/xiaozhibo.html?sdkappid=1400012894&acctype=6672&userid=test1234&type=0&ts=1479299174

    当用户打开分享URL时,分享页将会根据URL的参数去小直播的livedemo server拉取数据,包括视频播放地址,主播的资料,IM的房间信息等,然后呈现视频播放和IM消息的收发功能

    3.4 服务器配置参考

    相关文章

      网友评论

          本文标题:无标题文章

          本文链接:https://www.haomeiwen.com/subject/kkvnvttx.html