360度视频播放器 Valiant360

码农软件 · 软件分类 · jQuery多媒体插件 · 2019-12-29 17:11:37

软件介绍

Valiant360 是使用 JS + WebGL 构建的一个浏览器内置 360 度全景视频播放器。

示例代码:

<!-- required libraries -->
<script src="//www.google-analytics.com/analytics.js" async=""></script><script src="js/jquery-1.7.2.min.js"></script>
<script src="js/three.min.js"></script>
 
<!-- Valiant360 plugin -->
<script src="js/jquery.valiant360.min.js"></script>
 
<!-- Valiant360 styles -->
<link rel="stylesheet" type="text/css" href="css/valiant360.css">
  // initialize plugin, default options shown
    $('.valiantContainer').Valiant360({
        crossOrigin: 'anonymous',   // valid keywords: 'anonymous' or 'use-credentials'
        clickAndDrag: false,    // use click-and-drag camera controls
        flatProjection: false,  // map image to appear flat (often more distorted)
        fov: 35,                // initial field of view
        fovMin: 3,              // min field of view allowed
        fovMax: 100,                // max field of view allowed
        hideControls: false,    // hide player controls
        lon: 0,                 // initial lon for camera angle
        lat: 0,                 // initial lat for camera angle
        loop: "loop",           // video loops by default
        muted: true,            // video muted by default
        autoplay: true          // video autoplays by default
    });
    // play video
    $('.valiantContainer').Valiant360('play');
    // pause video
    $('.valiantContainer').Valiant360('pause');
    // load new video file
    $('.valiantContainer').Valiant360('loadVideo', 'path/to/file.mp4');
    // load new photo file
    $('.valiantContainer').Valiant360('loadPhoto', 'path/to/file.jpg');
    // destroy Valiant360 processing/resources (however, will not remove element from the dom. That is left up to you)
    $('.valiantContainer').Valiant360('destroy');

本文地址:https://codercto.com/soft/d/22225.html

公众号运营实战手册

公众号运营实战手册

中信出版社 / 2018-11 / 58

作者粥左罗在刚入行做新媒体的一年时间里,就写了100篇阅读量10万+的公众号文章,但是在此之前,他足足花了两个月的时间研究公众号运营和爆款文章的逻辑和打法。 这本书就是他总结和归纳自己公众号写作和运营的全部秘诀和技巧,是一本行之有效的实战指南。 从如何注册一个公号,给公号起什么名字? 多长时间更新一次为好? 到如何找选题,如何积累爆款素材? 如何编辑内容,如何做版面设......一起来看看 《公众号运营实战手册》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

html转js在线工具
html转js在线工具

html转js在线工具

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换