logo

Live Production Software Forums

www.vmix.com

Welcome Guest! To enable all features please Login or Register.

Notification

Icon
Error
Ticker text scroll area.
Options
Go to last post Go to first unread
Previous Topic Next Topic
ERR  
#1 Posted : Saturday, February 28, 2015 6:18:25 PM(UTC)
ERR

Rank: Newbie

Groups: Registered
Joined: 2/28/2015(UTC)
Posts: 3
Location: Estonia
By default the ticker text scrolls from edge to edge. How to make the text scroll only specified area?

ERR attached the following image(s):
ticker.jpg (172kb) downloaded 13 time(s).

You cannot view/download attachments. Try to login or register.
Back to top

Wanna join the discussion?! Login to your vMix Forums forum account, or Register a new forum account.
Back to top  
IceStream  
#2 Posted : Sunday, March 1, 2015 12:07:36 AM(UTC)
IceStream

Rank: Advanced Member

Groups: Registered
Joined: 3/7/2012(UTC)
Posts: 2,636
Man
Location: Canada

Thanks: 33 times
Was thanked: 506 time(s) in 475 post(s)
@ ERR

Click on cog wheel.
Click on Position in left menu of pop-up window.
Adjust x & y sliders as necessary.


Ice
Back to top
WWW
doggy  
#3 Posted : Sunday, March 1, 2015 3:56:51 AM(UTC)
doggy

Rank: Advanced Member

Groups: Registered
Joined: 12/27/2012(UTC)
Posts: 5,218
Belgium
Location: Belgium

Thanks: 291 times
Was thanked: 955 time(s) in 790 post(s)
Or redesign the ticker a little ( for example TickerHD.xaml)

Change the
- background Rectangle width and margin
- Change the Canvas position and size and to include a clipping mask
- Change the Textblock position within the canvas

Code:
<UserControl x:Class="TickerHD"
             xmlns:my="clr-namespace:vMixTitleLibrary;assembly=vMixTitleLibrary"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" Width="1920" Height="1080">
    <UserControl.Resources>
        <my:DoubleReverseConverter x:Key="DoubleReverseConverter"></my:DoubleReverseConverter>
        <Storyboard RepeatBehavior="Forever" x:Key="tickerStoryboard">
            <DoubleAnimation
                                                                    Storyboard.TargetName="AnimatedTicker"
                                                                    Storyboard.TargetProperty="(UIElement.RenderTransform).(TranslateTransform.X)"
                                                                    From="1920" To="{Binding ElementName=AnimatedTicker, Path=ActualWidth, Mode=OneWay, Converter={StaticResource DoubleReverseConverter}}" 
                                                                    AutoReverse="False" RepeatBehavior="Forever" Duration="0:0:20" />
        </Storyboard>
    </UserControl.Resources>
    <Grid>
        <Rectangle Height="130" HorizontalAlignment="Left" Name="Rectangle1" Stroke="Black" VerticalAlignment="Bottom" Width="969" StrokeThickness="0" Tag="Static" Margin="764,0,0,57">
            <Rectangle.Fill>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="Red" Offset="0" />
                    <GradientStop Color="#FFAA0000" Offset="1" />
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>
        <Canvas Margin="317,0,88,-99" Height="478" VerticalAlignment="Bottom" Clip="M451,188 L1414,188 L1414,334 L451,334 z">
            <TextBlock Height="88" HorizontalAlignment="Left" Name="AnimatedTicker" Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc non hendrerit lectus. Duis bibendum posuere elit. Aenean sit amet lacus vel leo sollicitudin rhoncus. Donec magna neque, congue at sodales sit amet, venenatis quis felis. Curabitur lacinia semper justo, vitae lobortis augue placerat ac. Donec turpis nisi, hendrerit ut iaculis a, sodales varius libero. Mauris neque arcu, lacinia nec aliquam id, cursus et ante. Fusce porta convallis rhoncus. Aliquam erat volutpat. Nulla facilisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a augue velit, et cursus quam. Cras massa mauris, dictum quis aliquet ut, eleifend ut risus. " Width="Auto" Foreground="White" FontSize="60" FontWeight="Bold" Canvas.Top="216" Canvas.Left="-492">
            	<TextBlock.RenderTransform>
						<TranslateTransform X="0" Y="0"/>
				</TextBlock.RenderTransform>
            </TextBlock>
        </Canvas>
    </Grid>
</UserControl>



doggy attached the following image(s):
ticker.png (8kb) downloaded 9 time(s).

You cannot view/download attachments. Try to login or register.
Back to top
ERR  
#4 Posted : Sunday, March 1, 2015 4:37:22 PM(UTC)
ERR

Rank: Newbie

Groups: Registered
Joined: 2/28/2015(UTC)
Posts: 3
Location: Estonia
Thank you for the response. The both solutions are not good enough. They cut the screen window, but the text is still rolls from edge to edge.
I will explain. I use a short text, a sentence, and I hope that when it reaches the end, it will immediately begin again. Currently, must wait until the text reaches the end of the screen.
Here an example with doggy’s code with shot text:

Back to top
doggy  
#5 Posted : Sunday, March 1, 2015 5:11:33 PM(UTC)
doggy

Rank: Advanced Member

Groups: Registered
Joined: 12/27/2012(UTC)
Posts: 5,218
Belgium
Location: Belgium

Thanks: 291 times
Was thanked: 955 time(s) in 790 post(s)
Hmm, the solutions did answer your question
Quote:
How to make the text scroll only specified area?


A possible solution for the added request here
Back to top
ERR  
#6 Posted : Monday, March 2, 2015 1:06:33 PM(UTC)
ERR

Rank: Newbie

Groups: Registered
Joined: 2/28/2015(UTC)
Posts: 3
Location: Estonia
doggy wrote:
Hmm, the solutions did answer your question
Quote:
How to make the text scroll only specified area?


A possible solution for the added request here


Thank you for the answer.
Possible that this is a solution but I don't know how to use it in vMix xaml :( I tried but without result. Only errors :P I just don't understanding WPF .NET.
Back to top
doggy  
#7 Posted : Monday, March 2, 2015 2:23:14 PM(UTC)
doggy

Rank: Advanced Member

Groups: Registered
Joined: 12/27/2012(UTC)
Posts: 5,218
Belgium
Location: Belgium

Thanks: 291 times
Was thanked: 955 time(s) in 790 post(s)
if it is a short text , maybe you can copy it lets say 10 times in one sentence, than you have only a short pauze after it passes 10 times
Back to top
tdurhamjr  
#8 Posted : Tuesday, March 3, 2015 11:51:00 AM(UTC)
tdurhamjr

Rank: Advanced Member

Groups: Registered
Joined: 9/8/2014(UTC)
Posts: 244
Location: Southaven MS

Thanks: 12 times
Was thanked: 25 time(s) in 21 post(s)
Err,
I think a good solution would be to create a SWF file that has the ticker you want. Then add the SWF file as an input overlay. I am not a Flash (SWF) guru. I tried this software http://www.amarasoftware.com/flash-news-ticker.htm and it created the ticker exactly like you wanted, but the SWF file would not play in vMix. Maybe someone with SWF knowledge can let us know why this won't play in vMix. I am using 15.058.
File Attachment(s):
Ticker-900-50.zip (3kb) downloaded 32 time(s).

You cannot view/download attachments. Try to login or register.
Back to top
tdurhamjr  
#9 Posted : Tuesday, March 3, 2015 1:31:11 PM(UTC)
tdurhamjr

Rank: Advanced Member

Groups: Registered
Joined: 9/8/2014(UTC)
Posts: 244
Location: Southaven MS

Thanks: 12 times
Was thanked: 25 time(s) in 21 post(s)
Err,
I did more testing and tried some other flash "scrolling text" generators. What I found was that vMix did not handle the flash the same way that the web browser did. In almost all cases, if a solid color was specified for the background it was not visible. If an image was used it was fine. So the sample that I attached was not visible in vMix because the background color was not visible. On another one I created the background color was visible (red) but the text was transparent even though the text is black when viewed in a browser. So it would appear that Flash (SWF) will not be a good solution here unless someone can post how to correct these behaviors.
Tim
Back to top
Users browsing this topic
Guest (3)
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

Privacy Policy | Powered by YAF.NET | YAF.NET © 2003-2024, Yet Another Forum.NET
This page was generated in 0.124 seconds.