Merge branch 'component-backgrounds' of github.com:IamDH4/audio-visualizer-python into feature-newgui

9 files changed, 1038 insertions, 25 deletions

diff --git a/components/__base__.py b/components/__base__.py
index 45512ce..f564aad 100644
--- a/components/__base__.py
+++ b/components/__base__.py
@@ -7,6 +7,13 @@ class Component:
     def version(self):
         # change this number to identify new versions of a component
         return 1
+
+    def cancel(self):
+        # make sure your component responds to these variables in frameRender()
+        self.canceled = True
+
+    def reset(self):
+        self.canceled = False
         
     def preFrameRender(self, **kwargs):
         for var, value in kwargs.items():
@@ -66,4 +73,10 @@ class Component:
         
     def savePreset(self):
         return {}
+        
+    def cancel(self):
+        self.canceled = True
+
+    def reset(self):
+        self.canceled = False
     '''
diff --git a/components/color.py b/components/color.py
new file mode 100644
index 0000000..c2a49e2
--- /dev/null
+++ b/components/color.py
@@ -0,0 +1,87 @@
+from PIL import Image, ImageDraw
+from PyQt4 import uic, QtGui, QtCore
+from PyQt4.QtGui import QColor
+import os
+from . import __base__
+
+class Component(__base__.Component):
+    '''Color'''
+    def widget(self, parent):
+        self.parent = parent
+        page = uic.loadUi(os.path.join(os.path.dirname(os.path.realpath(__file__)), 'color.ui'))
+        
+        self.color1 = (0,0,0)
+        self.color2 = (133,133,133)
+        self.x = 0
+        self.y = 0
+        
+        page.lineEdit_color1.setText('%s,%s,%s' % self.color1)
+        page.lineEdit_color2.setText('%s,%s,%s' % self.color2)
+        page.pushButton_color1.clicked.connect(lambda: self.pickColor(1))
+        btnStyle = "QPushButton { background-color : %s; outline: none; }" % QColor(*self.color1).name()
+        page.pushButton_color1.setStyleSheet(btnStyle)
+        page.pushButton_color2.clicked.connect(lambda: self.pickColor(2))
+        btnStyle = "QPushButton { background-color : %s; outline: none; }" % QColor(*self.color2).name()
+        page.pushButton_color2.setStyleSheet(btnStyle)
+        # disable color #2 until non-default 'fill' option gets changed
+        page.lineEdit_color2.setDisabled(True)
+        page.pushButton_color2.setDisabled(True)
+        page.spinBox_x.setValue(self.x)
+        page.spinBox_x.setValue(self.y)
+        
+        page.lineEdit_color1.textChanged.connect(self.update)
+        page.lineEdit_color2.textChanged.connect(self.update)
+        page.spinBox_x.valueChanged.connect(self.update)
+        page.spinBox_y.valueChanged.connect(self.update)
+        self.page = page
+        return page
+
+    def update(self):
+        self.color1 = self.RGBFromString(self.page.lineEdit_color1.text())
+        self.color2 = self.RGBFromString(self.page.lineEdit_color2.text())
+        self.x = self.page.spinBox_x.value()
+        self.y = self.page.spinBox_y.value()
+        self.parent.drawPreview()
+    
+    def previewRender(self, previewWorker):
+        width = int(previewWorker.core.settings.value('outputWidth'))
+        height = int(previewWorker.core.settings.value('outputHeight'))
+        return self.drawFrame(width, height)
+    
+    def preFrameRender(self, **kwargs):
+        super().preFrameRender(**kwargs)
+        return ['static']
+    
+    def frameRender(self, moduleNo, arrayNo, frameNo):
+        width = int(self.worker.core.settings.value('outputWidth'))
+        height = int(self.worker.core.settings.value('outputHeight'))
+        return self.drawFrame(width, height)
+        
+    def drawFrame(self, width, height):
+        r,g,b = self.color1
+        return Image.new("RGBA", (width, height), (r, g, b, 255))
+
+    def loadPreset(self, pr):
+        self.page.lineEdit_color1.setText('%s,%s,%s' % pr['color1'])
+        self.page.lineEdit_color2.setText('%s,%s,%s' % pr['color2'])
+        btnStyle = "QPushButton { background-color : %s; outline: none; }" % QColor(*pr['color1']).name()
+        self.page.pushButton_color1.setStyleSheet(btnStyle)
+        btnStyle = "QPushButton { background-color : %s; outline: none; }" % QColor(*pr['color2']).name()
+        self.page.pushButton_color2.setStyleSheet(btnStyle)
+        
+    def savePreset(self):
+        return {
+            'color1' : self.color1,
+            'color2' : self.color2,
+        }
+        
+    def pickColor(self, num):
+        RGBstring, btnStyle = super().pickColor()
+        if not RGBstring:
+            return
+        if num == 1:
+            self.page.lineEdit_color1.setText(RGBstring)
+            self.page.pushButton_color1.setStyleSheet(btnStyle)
+        else:
+            self.page.lineEdit_color2.setText(RGBstring)
+            self.page.pushButton_color2.setStyleSheet(btnStyle)
diff --git a/components/color.ui b/components/color.ui
new file mode 100644
index 0000000..fd427e6
--- /dev/null
+++ b/components/color.ui
@@ -0,0 +1,306 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>Form</class>
+ <widget class="QWidget" name="Form">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>586</width>
+    <height>197</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout_2">
+   <item>
+    <layout class="QVBoxLayout" name="verticalLayout">
+     <property name="leftMargin">
+      <number>4</number>
+     </property>
+     <item>
+      <layout class="QHBoxLayout" name="horizontalLayout_8">
+       <item>
+        <widget class="QLabel" name="label_textColor">
+         <property name="sizePolicy">
+          <sizepolicy hsizetype="Fixed" vsizetype="Preferred">
+           <horstretch>0</horstretch>
+           <verstretch>0</verstretch>
+          </sizepolicy>
+         </property>
+         <property name="minimumSize">
+          <size>
+           <width>31</width>
+           <height>0</height>
+          </size>
+         </property>
+         <property name="text">
+          <string>Color #1</string>
+         </property>
+        </widget>
+       </item>
+       <item>
+        <widget class="QPushButton" name="pushButton_color1">
+         <property name="maximumSize">
+          <size>
+           <width>32</width>
+           <height>32</height>
+          </size>
+         </property>
+         <property name="text">
+          <string/>
+         </property>
+         <property name="MaximumSize" stdset="0">
+          <size>
+           <width>32</width>
+           <height>32</height>
+          </size>
+         </property>
+        </widget>
+       </item>
+       <item>
+        <widget class="QLineEdit" name="lineEdit_color1">
+         <property name="sizePolicy">
+          <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+           <horstretch>0</horstretch>
+           <verstretch>0</verstretch>
+          </sizepolicy>
+         </property>
+         <property name="minimumSize">
+          <size>
+           <width>1</width>
+           <height>0</height>
+          </size>
+         </property>
+         <property name="maxLength">
+          <number>12</number>
+         </property>
+        </widget>
+       </item>
+       <item>
+        <spacer name="horizontalSpacer_9">
+         <property name="orientation">
+          <enum>Qt::Horizontal</enum>
+         </property>
+         <property name="sizeType">
+          <enum>QSizePolicy::Fixed</enum>
+         </property>
+         <property name="sizeHint" stdset="0">
+          <size>
+           <width>5</width>
+           <height>20</height>
+          </size>
+         </property>
+        </spacer>
+       </item>
+       <item>
+        <widget class="QLabel" name="label_textColor_2">
+         <property name="sizePolicy">
+          <sizepolicy hsizetype="Fixed" vsizetype="Preferred">
+           <horstretch>0</horstretch>
+           <verstretch>0</verstretch>
+          </sizepolicy>
+         </property>
+         <property name="minimumSize">
+          <size>
+           <width>31</width>
+           <height>0</height>
+          </size>
+         </property>
+         <property name="text">
+          <string>Color #2</string>
+         </property>
+        </widget>
+       </item>
+       <item>
+        <widget class="QPushButton" name="pushButton_color2">
+         <property name="maximumSize">
+          <size>
+           <width>32</width>
+           <height>32</height>
+          </size>
+         </property>
+         <property name="text">
+          <string/>
+         </property>
+         <property name="MaximumSize" stdset="0">
+          <size>
+           <width>32</width>
+           <height>32</height>
+          </size>
+         </property>
+        </widget>
+       </item>
+       <item>
+        <widget class="QLineEdit" name="lineEdit_color2">
+         <property name="sizePolicy">
+          <sizepolicy hsizetype="Minimum" vsizetype="Fixed">
+           <horstretch>0</horstretch>
+           <verstretch>0</verstretch>
+          </sizepolicy>
+         </property>
+         <property name="minimumSize">
+          <size>
+           <width>1</width>
+           <height>0</height>
+          </size>
+         </property>
+         <property name="maxLength">
+          <number>12</number>
+         </property>
+        </widget>
+       </item>
+      </layout>
+     </item>
+     <item>
+      <layout class="QHBoxLayout" name="horizontalLayout_7">
+       <property name="leftMargin">
+        <number>0</number>
+       </property>
+       <item>
+        <widget class="QLabel" name="label_textLayout">
+         <property name="sizePolicy">
+          <sizepolicy hsizetype="Fixed" vsizetype="Preferred">
+           <horstretch>0</horstretch>
+           <verstretch>0</verstretch>
+          </sizepolicy>
+         </property>
+         <property name="text">
+          <string>Fill </string>
+         </property>
+        </widget>
+       </item>
+       <item>
+        <widget class="QComboBox" name="comboBox_fill"/>
+       </item>
+       <item>
+        <spacer name="horizontalSpacer_6">
+         <property name="orientation">
+          <enum>Qt::Horizontal</enum>
+         </property>
+         <property name="sizeType">
+          <enum>QSizePolicy::Fixed</enum>
+         </property>
+         <property name="sizeHint" stdset="0">
+          <size>
+           <width>5</width>
+           <height>20</height>
+          </size>
+         </property>
+        </spacer>
+       </item>
+       <item>
+        <widget class="QLabel" name="label_xTitleAlign">
+         <property name="sizePolicy">
+          <sizepolicy hsizetype="Fixed" vsizetype="Preferred">
+           <horstretch>0</horstretch>
+           <verstretch>0</verstretch>
+          </sizepolicy>
+         </property>
+         <property name="text">
+          <string>X</string>
+         </property>
+        </widget>
+       </item>
+       <item>
+        <widget class="QSpinBox" name="spinBox_x">
+         <property name="sizePolicy">
+          <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+           <horstretch>0</horstretch>
+           <verstretch>0</verstretch>
+          </sizepolicy>
+         </property>
+         <property name="maximumSize">
+          <size>
+           <width>80</width>
+           <height>16777215</height>
+          </size>
+         </property>
+         <property name="baseSize">
+          <size>
+           <width>0</width>
+           <height>0</height>
+          </size>
+         </property>
+         <property name="minimum">
+          <number>0</number>
+         </property>
+         <property name="maximum">
+          <number>999999999</number>
+         </property>
+         <property name="value">
+          <number>0</number>
+         </property>
+        </widget>
+       </item>
+       <item>
+        <spacer name="horizontalSpacer_7">
+         <property name="orientation">
+          <enum>Qt::Horizontal</enum>
+         </property>
+         <property name="sizeType">
+          <enum>QSizePolicy::Fixed</enum>
+         </property>
+         <property name="sizeHint" stdset="0">
+          <size>
+           <width>5</width>
+           <height>20</height>
+          </size>
+         </property>
+        </spacer>
+       </item>
+       <item>
+        <widget class="QLabel" name="label_yTitleAlign">
+         <property name="sizePolicy">
+          <sizepolicy hsizetype="Fixed" vsizetype="Preferred">
+           <horstretch>0</horstretch>
+           <verstretch>0</verstretch>
+          </sizepolicy>
+         </property>
+         <property name="text">
+          <string>Y</string>
+         </property>
+        </widget>
+       </item>
+       <item>
+        <widget class="QSpinBox" name="spinBox_y">
+         <property name="sizePolicy">
+          <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+           <horstretch>0</horstretch>
+           <verstretch>0</verstretch>
+          </sizepolicy>
+         </property>
+         <property name="maximumSize">
+          <size>
+           <width>80</width>
+           <height>16777215</height>
+          </size>
+         </property>
+         <property name="maximum">
+          <number>999999999</number>
+         </property>
+        </widget>
+       </item>
+      </layout>
+     </item>
+    </layout>
+   </item>
+   <item>
+    <spacer name="verticalSpacer">
+     <property name="orientation">
+      <enum>Qt::Vertical</enum>
+     </property>
+     <property name="sizeHint" stdset="0">
+      <size>
+       <width>20</width>
+       <height>40</height>
+      </size>
+     </property>
+    </spacer>
+   </item>
+  </layout>
+ </widget>
+ <resources/>
+ <connections/>
+</ui>
diff --git a/components/image.py b/components/image.py
new file mode 100644
index 0000000..ffbb117
--- /dev/null
+++ b/components/image.py
@@ -0,0 +1,64 @@
+from PIL import Image, ImageDraw
+from PyQt4 import uic, QtGui, QtCore
+import os
+from . import __base__
+
+class Component(__base__.Component):
+    '''Image'''
+    def widget(self, parent):
+        self.parent = parent
+        self.settings = parent.settings
+        page = uic.loadUi(os.path.join(os.path.dirname(os.path.realpath(__file__)), 'image.ui'))
+        self.imagePath = ''
+        self.x = 0
+        self.y = 0
+        
+        page.lineEdit_image.textChanged.connect(self.update)
+        page.pushButton_image.clicked.connect(self.pickImage)
+        
+        self.page = page
+        return page
+
+    def update(self):
+        self.imagePath = self.page.lineEdit_image.text()
+        self.parent.drawPreview()
+        
+    def previewRender(self, previewWorker):
+        width = int(previewWorker.core.settings.value('outputWidth'))
+        height = int(previewWorker.core.settings.value('outputHeight'))
+        return self.drawFrame(width, height)
+
+    def preFrameRender(self, **kwargs):
+        super().preFrameRender(**kwargs)
+        return ['static']
+
+    def frameRender(self, moduleNo, arrayNo, frameNo):
+        width = int(self.worker.core.settings.value('outputWidth'))
+        height = int(self.worker.core.settings.value('outputHeight'))
+        return self.drawFrame(width, height)
+        
+    def drawFrame(self, width, height):
+        frame = Image.new("RGBA", (width, height), (0,0,0,0))
+        if self.imagePath and os.path.exists(self.imagePath):
+            image = Image.open(self.imagePath)
+            if image.size != (width, height):
+                image = image.resize((width, height), Image.ANTIALIAS)
+            frame.paste(image)
+        return frame
+
+    def loadPreset(self, pr):
+        self.page.lineEdit_image.setText(pr['image'])
+        
+    def savePreset(self):
+        return {
+            'image' : self.imagePath,
+        }
+        
+    def pickImage(self):
+        imgDir = self.settings.value("backgroundDir", os.path.expanduser("~"))
+        filename = QtGui.QFileDialog.getOpenFileName(self.page,
+            "Choose Image", imgDir, "Image Files (*.jpg *.png)")
+        if filename: 
+            self.settings.setValue("backgroundDir", os.path.dirname(filename))
+            self.page.lineEdit_image.setText(filename)
+            self.update()
diff --git a/components/image.ui b/components/image.ui
new file mode 100644
index 0000000..3cd5b1b
--- /dev/null
+++ b/components/image.ui
@@ -0,0 +1,197 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>Form</class>
+ <widget class="QWidget" name="Form">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>586</width>
+    <height>197</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout_2">
+   <item>
+    <layout class="QVBoxLayout" name="verticalLayout">
+     <property name="leftMargin">
+      <number>4</number>
+     </property>
+     <item>
+      <layout class="QHBoxLayout" name="horizontalLayout_8">
+       <item>
+        <widget class="QLabel" name="label_textColor">
+         <property name="sizePolicy">
+          <sizepolicy hsizetype="Fixed" vsizetype="Preferred">
+           <horstretch>0</horstretch>
+           <verstretch>0</verstretch>
+          </sizepolicy>
+         </property>
+         <property name="minimumSize">
+          <size>
+           <width>31</width>
+           <height>0</height>
+          </size>
+         </property>
+         <property name="text">
+          <string>Image</string>
+         </property>
+        </widget>
+       </item>
+       <item>
+        <widget class="QLineEdit" name="lineEdit_image">
+         <property name="minimumSize">
+          <size>
+           <width>1</width>
+           <height>0</height>
+          </size>
+         </property>
+        </widget>
+       </item>
+       <item>
+        <widget class="QPushButton" name="pushButton_image">
+         <property name="sizePolicy">
+          <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+           <horstretch>0</horstretch>
+           <verstretch>0</verstretch>
+          </sizepolicy>
+         </property>
+         <property name="minimumSize">
+          <size>
+           <width>1</width>
+           <height>0</height>
+          </size>
+         </property>
+         <property name="maximumSize">
+          <size>
+           <width>32</width>
+           <height>32</height>
+          </size>
+         </property>
+         <property name="text">
+          <string>...</string>
+         </property>
+         <property name="MaximumSize" stdset="0">
+          <size>
+           <width>32</width>
+           <height>32</height>
+          </size>
+         </property>
+        </widget>
+       </item>
+       <item>
+        <spacer name="horizontalSpacer_9">
+         <property name="orientation">
+          <enum>Qt::Horizontal</enum>
+         </property>
+         <property name="sizeType">
+          <enum>QSizePolicy::Fixed</enum>
+         </property>
+         <property name="sizeHint" stdset="0">
+          <size>
+           <width>5</width>
+           <height>20</height>
+          </size>
+         </property>
+        </spacer>
+       </item>
+       <item>
+        <widget class="QLabel" name="label_xTitleAlign">
+         <property name="sizePolicy">
+          <sizepolicy hsizetype="Fixed" vsizetype="Preferred">
+           <horstretch>0</horstretch>
+           <verstretch>0</verstretch>
+          </sizepolicy>
+         </property>
+         <property name="text">
+          <string>X</string>
+         </property>
+        </widget>
+       </item>
+       <item>
+        <widget class="QSpinBox" name="spinBox_x">
+         <property name="sizePolicy">
+          <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+           <horstretch>0</horstretch>
+           <verstretch>0</verstretch>
+          </sizepolicy>
+         </property>
+         <property name="maximumSize">
+          <size>
+           <width>80</width>
+           <height>16777215</height>
+          </size>
+         </property>
+         <property name="maximum">
+          <number>999999999</number>
+         </property>
+        </widget>
+       </item>
+       <item>
+        <widget class="QLabel" name="label_yTitleAlign">
+         <property name="sizePolicy">
+          <sizepolicy hsizetype="Fixed" vsizetype="Preferred">
+           <horstretch>0</horstretch>
+           <verstretch>0</verstretch>
+          </sizepolicy>
+         </property>
+         <property name="text">
+          <string>Y</string>
+         </property>
+        </widget>
+       </item>
+       <item>
+        <widget class="QSpinBox" name="spinBox_y">
+         <property name="sizePolicy">
+          <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+           <horstretch>0</horstretch>
+           <verstretch>0</verstretch>
+          </sizepolicy>
+         </property>
+         <property name="maximumSize">
+          <size>
+           <width>80</width>
+           <height>16777215</height>
+          </size>
+         </property>
+         <property name="baseSize">
+          <size>
+           <width>0</width>
+           <height>0</height>
+          </size>
+         </property>
+         <property name="minimum">
+          <number>0</number>
+         </property>
+         <property name="maximum">
+          <number>999999999</number>
+         </property>
+         <property name="value">
+          <number>0</number>
+         </property>
+        </widget>
+       </item>
+      </layout>
+     </item>
+    </layout>
+   </item>
+   <item>
+    <spacer name="verticalSpacer">
+     <property name="orientation">
+      <enum>Qt::Vertical</enum>
+     </property>
+     <property name="sizeHint" stdset="0">
+      <size>
+       <width>20</width>
+       <height>40</height>
+      </size>
+     </property>
+    </spacer>
+   </item>
+  </layout>
+ </widget>
+ <resources/>
+ <connections/>
+</ui>
diff --git a/components/original.py b/components/original.py
index 6903a5f..b0a7579 100644
--- a/components/original.py
+++ b/components/original.py
@@ -58,6 +58,8 @@ class Component(__base__.Component):
         self.smoothConstantUp = 0.8
         self.lastSpectrum = None
         self.spectrumArray = {}
+        self.width = int(self.worker.core.settings.value('outputWidth'))
+        self.height = int(self.worker.core.settings.value('outputHeight'))
 
         for i in range(0, len(self.completeAudioArray), self.sampleSize):
             if self.canceled:
@@ -72,12 +74,9 @@ class Component(__base__.Component):
             pStr = "Analyzing audio: "+ str(progress) +'%'
             self.progressBarSetText.emit(pStr)
             self.progressBarUpdate.emit(int(progress))
-
-
-    def frameRender(self, moduleNo, frameNo):
-        width = int(self.worker.core.settings.value('outputWidth'))
-        height = int(self.worker.core.settings.value('outputHeight'))
-        return self.drawBars(width, height, self.spectrumArray[frameNo], self.visColor, self.layout)
+        
+    def frameRender(self, moduleNo, arrayNo, frameNo):
+        return self.drawBars(self.width, self.height, self.spectrumArray[arrayNo], self.visColor, self.layout)
 
     def pickColor(self):
         RGBstring, btnStyle = super().pickColor()
@@ -154,12 +153,3 @@ class Component(__base__.Component):
 
         return im
 
-    def cancel(self):
-        self.canceled = True
-
-    def reset(self):
-        self.canceled = False
-
-    
-
-
diff --git a/components/text.py b/components/text.py
index 7b2289d..d2bd684 100644
--- a/components/text.py
+++ b/components/text.py
@@ -18,7 +18,6 @@ class Component(__base__.Component):
         self.parent = parent
         self.textColor = (255,255,255)
         self.title = 'Text'
-        self.titleFont = None
         self.alignment = 1
         self.fontSize = height / 13.5
         self.xPosition = width / 2
@@ -35,8 +34,6 @@ class Component(__base__.Component):
         page.pushButton_textColor.setStyleSheet(btnStyle)
 
         page.lineEdit_title.setText(self.title)
-        #if self.titleFont:
-        #  page.fontComboBox_titleFont.setCurrentFont(QFont(self.titleFont))
         page.comboBox_textAlign.setCurrentIndex(int(self.alignment))
         page.spinBox_fontSize.setValue(int(self.fontSize))
         page.spinBox_xTextAlign.setValue(int(self.xPosition))
@@ -109,7 +106,7 @@ class Component(__base__.Component):
         super().preFrameRender(**kwargs)
         return ['static']
         
-    def frameRender(self, moduleNo, frameNo):
+    def frameRender(self, moduleNo, arrayNo, frameNo):
         width = int(self.worker.core.settings.value('outputWidth'))
         height = int(self.worker.core.settings.value('outputHeight'))
         return self.addText(width, height)
@@ -142,9 +139,3 @@ class Component(__base__.Component):
             return
         self.page.lineEdit_textColor.setText(RGBstring)
         self.page.pushButton_textColor.setStyleSheet(btnStyle)
-
-    def cancel(self):
-        self.canceled = True
-
-    def reset(self):
-        self.canceled = False
diff --git a/components/video.py b/components/video.py
new file mode 100644
index 0000000..3162279
--- /dev/null
+++ b/components/video.py
@@ -0,0 +1,141 @@
+from PIL import Image, ImageDraw
+from PyQt4 import uic, QtGui, QtCore
+import os, subprocess, threading
+from queue import PriorityQueue
+from . import __base__
+
+class Video:
+    '''Video Component Frame-Fetcher'''
+    def __init__(self, ffmpeg, videoPath, width, height, frameRate, chunkSize, parent, loopVideo):
+        self.parent = parent
+        self.chunkSize = chunkSize
+        self.size = (width, height)
+        self.frameNo = -1
+        self.currentFrame = 'None'
+        if loopVideo:
+            self.loopValue = '-1'
+        else:
+            self.loopValue = '0'
+        self.command = [
+            ffmpeg,
+            '-thread_queue_size', '512',
+            '-r', frameRate,
+            '-stream_loop', self.loopValue,
+            '-i', videoPath,
+            '-f', 'image2pipe',
+            '-pix_fmt', 'rgba',
+            '-filter:v', 'scale='+str(width)+':'+str(height),
+            '-vcodec', 'rawvideo', '-',
+        ]
+        
+        self.frameBuffer = PriorityQueue()
+        self.frameBuffer.maxsize = int(frameRate)
+        self.finishedFrames = {}
+        
+        self.thread = threading.Thread(target=self.fillBuffer, name=self.__doc__)
+        self.thread.daemon = True
+        self.thread.start()
+        
+    def frame(self, num):
+        while True:
+            if num in self.finishedFrames:
+                image = self.finishedFrames.pop(num)
+                return Image.frombytes('RGBA', self.size, image)
+            i, image = self.frameBuffer.get()
+            self.finishedFrames[i] = image
+            self.frameBuffer.task_done()
+    
+    def fillBuffer(self):        
+        self.pipe = subprocess.Popen(self.command, stdout=subprocess.PIPE, stderr=subprocess.DEVNULL, bufsize=10**8)
+        while True:
+            if self.parent.canceled:
+                break
+            self.frameNo += 1
+
+            # If we run out of frames, use the last good frame and loop.
+            if len(self.currentFrame) == 0:
+                self.frameBuffer.put((self.frameNo-1, self.lastFrame))
+                continue
+
+            self.currentFrame = self.pipe.stdout.read(self.chunkSize)
+            #print('creating frame #%s' % str(self.frameNo))
+            if len(self.currentFrame) != 0:
+                self.frameBuffer.put((self.frameNo, self.currentFrame))
+                self.lastFrame = self.currentFrame
+
+class Component(__base__.Component):
+    '''Video'''
+    def widget(self, parent):
+        self.parent = parent
+        self.settings = parent.settings
+        page = uic.loadUi(os.path.join(os.path.dirname(os.path.realpath(__file__)), 'video.ui'))
+        self.videoPath = ''
+        self.x = 0
+        self.y = 0
+        self.loopVideo = False
+        
+        page.lineEdit_video.textChanged.connect(self.update)
+        page.pushButton_video.clicked.connect(self.pickVideo)
+        page.checkBox_loop.stateChanged.connect(self.update)
+        
+        self.page = page
+        return page
+
+    def update(self):
+        self.videoPath = self.page.lineEdit_video.text()
+        self.loopVideo = self.page.checkBox_loop.isChecked()
+        self.parent.drawPreview()
+        
+    def previewRender(self, previewWorker):
+        width = int(previewWorker.core.settings.value('outputWidth'))
+        height = int(previewWorker.core.settings.value('outputHeight'))
+        self.chunkSize = 4*width*height
+        return self.getPreviewFrame(width, height)
+    
+    def preFrameRender(self, **kwargs):
+        super().preFrameRender(**kwargs)
+        width = int(self.worker.core.settings.value('outputWidth'))
+        height = int(self.worker.core.settings.value('outputHeight'))
+        self.chunkSize = 4*width*height
+        self.video = Video(self.parent.core.FFMPEG_BIN, self.videoPath,
+            width, height, self.settings.value("outputFrameRate"),
+            self.chunkSize, self.parent, self.loopVideo)
+        
+    def frameRender(self, moduleNo, arrayNo, frameNo):
+        return self.video.frame(frameNo)
+
+    def loadPreset(self, pr):
+        self.page.lineEdit_video.setText(pr['video'])
+        
+    def savePreset(self):
+        return {
+            'video' : self.videoPath,
+        }
+        
+    def pickVideo(self):
+        imgDir = self.settings.value("backgroundDir", os.path.expanduser("~"))
+        filename = QtGui.QFileDialog.getOpenFileName(self.page,
+            "Choose Video", imgDir, "Video Files (*.mp4 *.mov)")
+        if filename: 
+            self.settings.setValue("backgroundDir", os.path.dirname(filename))
+            self.page.lineEdit_video.setText(filename)
+            self.update()
+    
+    def getPreviewFrame(self, width, height):
+        command = [
+            self.parent.core.FFMPEG_BIN,
+            '-thread_queue_size', '512',
+            '-i', self.videoPath,
+            '-f', 'image2pipe',
+            '-pix_fmt', 'rgba',
+            '-filter:v', 'scale='+str(width)+':'+str(height),
+            '-vcodec', 'rawvideo', '-',
+            '-ss', '90',
+            '-vframes', '1',
+        ]
+        pipe = subprocess.Popen(command, stdout=subprocess.PIPE, stderr=subprocess.DEVNULL, bufsize=10**8)
+        byteFrame = pipe.stdout.read(self.chunkSize)
+        image = Image.frombytes('RGBA', (width, height), byteFrame)
+        pipe.stdout.close()
+        pipe.kill()
+        return image
diff --git a/components/video.ui b/components/video.ui
new file mode 100644
index 0000000..6a01368
--- /dev/null
+++ b/components/video.ui
@@ -0,0 +1,224 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>Form</class>
+ <widget class="QWidget" name="Form">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>586</width>
+    <height>197</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout_2">
+   <item>
+    <layout class="QVBoxLayout" name="verticalLayout">
+     <property name="leftMargin">
+      <number>4</number>
+     </property>
+     <item>
+      <layout class="QHBoxLayout" name="horizontalLayout_8">
+       <item>
+        <widget class="QLabel" name="label_textColor">
+         <property name="sizePolicy">
+          <sizepolicy hsizetype="Fixed" vsizetype="Preferred">
+           <horstretch>0</horstretch>
+           <verstretch>0</verstretch>
+          </sizepolicy>
+         </property>
+         <property name="minimumSize">
+          <size>
+           <width>31</width>
+           <height>0</height>
+          </size>
+         </property>
+         <property name="text">
+          <string>Video</string>
+         </property>
+        </widget>
+       </item>
+       <item>
+        <widget class="QLineEdit" name="lineEdit_video">
+         <property name="minimumSize">
+          <size>
+           <width>1</width>
+           <height>0</height>
+          </size>
+         </property>
+        </widget>
+       </item>
+       <item>
+        <widget class="QPushButton" name="pushButton_video">
+         <property name="sizePolicy">
+          <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+           <horstretch>0</horstretch>
+           <verstretch>0</verstretch>
+          </sizepolicy>
+         </property>
+         <property name="minimumSize">
+          <size>
+           <width>1</width>
+           <height>0</height>
+          </size>
+         </property>
+         <property name="maximumSize">
+          <size>
+           <width>32</width>
+           <height>32</height>
+          </size>
+         </property>
+         <property name="text">
+          <string>...</string>
+         </property>
+         <property name="MaximumSize" stdset="0">
+          <size>
+           <width>32</width>
+           <height>32</height>
+          </size>
+         </property>
+        </widget>
+       </item>
+       <item>
+        <spacer name="horizontalSpacer_9">
+         <property name="orientation">
+          <enum>Qt::Horizontal</enum>
+         </property>
+         <property name="sizeType">
+          <enum>QSizePolicy::Fixed</enum>
+         </property>
+         <property name="sizeHint" stdset="0">
+          <size>
+           <width>5</width>
+           <height>20</height>
+          </size>
+         </property>
+        </spacer>
+       </item>
+       <item>
+        <widget class="QLabel" name="label_xTitleAlign">
+         <property name="sizePolicy">
+          <sizepolicy hsizetype="Fixed" vsizetype="Preferred">
+           <horstretch>0</horstretch>
+           <verstretch>0</verstretch>
+          </sizepolicy>
+         </property>
+         <property name="text">
+          <string>X</string>
+         </property>
+        </widget>
+       </item>
+       <item>
+        <widget class="QSpinBox" name="spinBox_x_2">
+         <property name="sizePolicy">
+          <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+           <horstretch>0</horstretch>
+           <verstretch>0</verstretch>
+          </sizepolicy>
+         </property>
+         <property name="maximumSize">
+          <size>
+           <width>80</width>
+           <height>16777215</height>
+          </size>
+         </property>
+         <property name="maximum">
+          <number>999999999</number>
+         </property>
+        </widget>
+       </item>
+       <item>
+        <widget class="QLabel" name="label_yTitleAlign">
+         <property name="sizePolicy">
+          <sizepolicy hsizetype="Fixed" vsizetype="Preferred">
+           <horstretch>0</horstretch>
+           <verstretch>0</verstretch>
+          </sizepolicy>
+         </property>
+         <property name="text">
+          <string>Y</string>
+         </property>
+        </widget>
+       </item>
+       <item>
+        <widget class="QSpinBox" name="spinBox_y">
+         <property name="sizePolicy">
+          <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+           <horstretch>0</horstretch>
+           <verstretch>0</verstretch>
+          </sizepolicy>
+         </property>
+         <property name="maximumSize">
+          <size>
+           <width>80</width>
+           <height>16777215</height>
+          </size>
+         </property>
+         <property name="baseSize">
+          <size>
+           <width>0</width>
+           <height>0</height>
+          </size>
+         </property>
+         <property name="minimum">
+          <number>0</number>
+         </property>
+         <property name="maximum">
+          <number>999999999</number>
+         </property>
+         <property name="value">
+          <number>0</number>
+         </property>
+        </widget>
+       </item>
+      </layout>
+     </item>
+    </layout>
+   </item>
+   <item>
+    <layout class="QHBoxLayout" name="horizontalLayout_9">
+     <item>
+      <widget class="QCheckBox" name="checkBox_loop">
+       <property name="text">
+        <string>Loop</string>
+       </property>
+      </widget>
+     </item>
+     <item>
+      <spacer name="horizontalSpacer_10">
+       <property name="orientation">
+        <enum>Qt::Horizontal</enum>
+       </property>
+       <property name="sizeType">
+        <enum>QSizePolicy::Fixed</enum>
+       </property>
+       <property name="sizeHint" stdset="0">
+        <size>
+         <width>5</width>
+         <height>20</height>
+        </size>
+       </property>
+      </spacer>
+     </item>
+    </layout>
+   </item>
+   <item>
+    <spacer name="verticalSpacer">
+     <property name="orientation">
+      <enum>Qt::Vertical</enum>
+     </property>
+     <property name="sizeHint" stdset="0">
+      <size>
+       <width>20</width>
+       <height>40</height>
+      </size>
+     </property>
+    </spacer>
+   </item>
+  </layout>
+ </widget>
+ <resources/>
+ <connections/>
+</ui>