sciter自定义视频组件

By admin at 2020-05-17 • 0人收藏 • 1438人看过

感谢: 撒旦微笑 分享源码

image.png

import win.ui;
/*DSG{{*/
var winform = win.form(text="sciter自定义视频组件";right=759;bottom=469)
winform.add()
/*}}*/

import web.sciter;
var wbSciter = web.sciter( winform );
namespace web.sciter.behavior.player {
    onAttach = function (scOwner) { 
        import mpvPlayer;
        var ltCtrl = scOwner.addCtrl();
        scOwner.player = mpvPlayer(ltCtrl)
        var paused = true;
        pause = function(scOwner){
            scOwner.player.pause(paused)
            paused = !paused
        };
        playUrl = function(scOwner,url){ 
            scOwner.player.loadFile(url);
        };
        setVolume = function(scOwner,volume){ 
            scOwner.player.setVolume(volume);
        };
        var src = scOwner.getAttribute("src"); 
        var volume = #scOwner.getAttribute("volume")?volume:50; 
        if(src){
            scOwner.playUrl(src);
        };
        scOwner.setVolume(volume);
    }
    onDetach = function( scOwner ){
        scOwner.delCtrl();
    }
    onSize = function (scOwner) {
        scOwner.adjustCtrl();
    } 
}

wbSciter.html = /**
<!doctype html>
<html>
<head>
   <META http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="text/tiscript">
    function self.ready() {
        var volume =  $(video).@["volume"]; 
        $(input#volume).value =volume||50;
      }
    event click $(#play) {
        this.text = (this.text=="播放")?"暂停":"播放"
        $(video).pause()
     } 
       event change $(input#volume) {
            $(video).setVolume(this.value); 
     }
    </script>
    <style type="text/css">
    html,body{ height:100%; margin:0; }
   #header{
       
       background:red;
   }
    video{
        behavior:player;
        width:*;
        background:#000;
        height:width(56.25%); /* width/height = 16:9 */
    } 
    </style>
</head>
<body>
    <video src = "http://tv.ncist.edu.cn:281/live/cctv1hd.flv" volume =""/>
     <button#play>暂停</button>	
     <input|hslider#volume min="1" max="100" step="1">
</input>
</body>
</html>
**/
winform.show();
win.loopMessage();


登录后方可回帖

登 录
信息栏
 私人小站

本站域名

ChengXu.XYZ

投诉联系:  popdes@126.com



快速上位机开发学习,本站主要记录了学习过程中遇到的问题和解决办法及上位机代码分享

这里主要专注于学习交流和经验分享.
纯私人站,当笔记本用的,学到哪写到哪.
如果侵权,联系 Popdes@126.com

友情链接
Aardio官方
Aardio资源网


才仁机械


网站地图SiteMap

Loading...