插件配置

在实现插件的时候,我们需要提供方式让主播自定义内容.智播通过如下的方式实现了主播自定义内容.

  1. 插件配置页面定义配置项
    添加一个配置

  2. 代码里面(js/css/html)通过下面的方式引用配置项

<%= color %>

添加插件配置的时候需要注意的是:

  1. 默认值一定要是最优的选择
  2. 设置合适的最大值,最小值可以避免主播犯错

OBS经典版注意事项

1.OBS经典版本默认是不支持本地存储的,需要参考如下图片修改OBS的设置

OBS经典版本本地存储步骤1

设置一个存在的目录给浏览器保存数据,这里用c:\workshop\temp\做例子.
OBS经典版本本地存储步骤1

  1. OBS经典版和OBS工作室版本都不支持webgl(默认不支持),所以开发不要用webgl

  2. OBS经典版的css动画，需要加上webkit- 前缀

    div
    {
    animation:mymove 5s infinite;
    -webkit-animation:mymove 5s infinite; /* Safari 和 Chrome */
    }
    div
    {
    animation-timing-function:2s;
    -webkit-animation-timing-function:2s; /* Safari 和 Chrome */
    }
    div
    {
      -webkit-transform: translate(50px, 100px);
      transform: translate(50px, 100px);
    }

    @keyframes mymove
    {
    from {top:0px;}
    to {top:200px;}
    }

    @-webkit-keyframes mymove /* Safari 和 Chrome */
    {
    from {top:0px;}
    to {top:200px;}
    }

  3. OBS经典版没有ready事件

  4. OBS经典版不支持ES6

测试要求

开发过程中除了本身浏览器的预览效果是符合预期的,我们必须保证OBS经典版本和OBS工作室版本的运行也是符合预期的.

使用说明参考这里

模板库

为了方便开发某些固定类型的插件, 可以直接引用下面的库.