It is currently 26 Apr 2017, 01:06



html smooth animation issue

Help to specific problems with your setup, or discussing CasparCG bugs

Moderators: Macey, Jonas Hummelstrand, didikunz

html smooth animation issue

Postby sirfnomi » 14 Nov 2016, 00:39

i embedded a video in html and play this on casparcg but video is not smooth
same html file tested on chrome browser with no smoothness issue.

how to make html performance smooth in casparcg?

thanks
sirfnomi
 
Posts: 32
Joined: 24 Feb 2015, 22:20

Re: html smooth animation issue

Postby didikunz » 14 Nov 2016, 10:35

What is the effect, that you see? "Not smooth" can be a lot of different things. Does it not play smooth, meaning jerky? Or is it not proppery anti-aliassed? Or anything else?
Didi Kunz
CasparCG Client-Programmer, Template Maker & Live CG-Operator
Media Support, CH-5722 Gränichen, Switzerland http://mediasupport.ch/
Problems? Guide to posting Bug reports & Feature requests
User avatar
didikunz
 
Posts: 3424
Joined: 10 May 2010, 09:08
Location: Aarau, Switzerland

Re: html smooth animation issue

Postby didikunz » 14 Nov 2016, 10:35

What is the effect, that you see? "Not smooth" can be a lot of different things. Does it not play smooth, meaning jerky? Or is it not proppery anti-aliassed? Or anything else?
Didi Kunz
CasparCG Client-Programmer, Template Maker & Live CG-Operator
Media Support, CH-5722 Gränichen, Switzerland http://mediasupport.ch/
Problems? Guide to posting Bug reports & Feature requests
User avatar
didikunz
 
Posts: 3424
Joined: 10 May 2010, 09:08
Location: Aarau, Switzerland

Re: html smooth animation issue

Postby emisiona » 14 Nov 2016, 12:48

Hi sirfnomi, tell us a little bit about the html template you are using and the version of ccg so we can try to help you.
User avatar
emisiona
 
Posts: 134
Joined: 27 Jun 2014, 09:45
Location: Barcelona

Re: html smooth animation issue

Postby sirfnomi » 15 Nov 2016, 17:13

didikunz wrote:What is the effect, that you see? "Not smooth" can be a lot of different things. Does it not play smooth, meaning jerky? Or is it not proppery anti-aliassed? Or anything else?


yes i mean to say its jerky

emisiona wrote:Hi sirfnomi, tell us a little bit about the html template you are using and the version of ccg so we can try to help you.


thanks, i'm using ccg 2.0.7 on windows 7 64bit, html template
html template is
<!DOCTYPE html>
<html>
<head>
<title>HTML Template</title>
<script src="js/gsap/TweenMax.min.js"></script>
<script src="js/gsap/TweenLite.min.js"></script>
<script src="js/gsap/plugins/CSSPlugin.min.js"></script>
<script src="js/jQuery.js"></script>
<script type="text/javascript" src="lwsm5win.js"></script>
<style type="text/css">
HTML, BODY {
Width:1024px;
Height:576px;
Margin:0;
Padding:0;
background:transparent;
Overflow:hidden;

text-rendering: optimizeLegibility;
-webkit-font-smoothing:antialiased;
}
#boxes {
font-family: Arial;
font-size: 32px;
font-weight: 900;
text-shadow: 1.5px 0 black;
color: white;
word-spacing: 0px;
/*line-height: 60px;*/
text-align: center;
direction: rtl;
}

#box1 {
width: 298px;
height: 53px;
/*overflow: hidden;*/
border: 0px solid red;
position: absolute;
text-align: center;
top: 326px;
left: 59px;
}
#box1-inner {
display: inline-block;
border: 0px solid blue;
white-space: nowrap;
position: relative;
margin-left: -100%;
margin-right: -100%;
text-align: center;
top: 50%;
left: 0px;
}
</style>
</head>
<body>
<div id="main">
<div id=boxes>
<div id="box1">
<video autoplay loop style="position: absolute; left: -29px;top: -11px;width: 118%;height: 153%;"><source src="assets\lwsm\nameband.webm">
</video>
<div id="box1-inner">Text Here</div>
</div>
</div>
</div>
</body>
</html>
sirfnomi
 
Posts: 32
Joined: 24 Feb 2015, 22:20


Return to Help & Support

Who is online

Users browsing this forum: No registered users and 1 guest