diff --git a/platypush/backend/http/templates/plugins/camera.pi/index.html b/platypush/backend/http/templates/plugins/camera.pi/index.html
index 91322081..a6f31603 100644
--- a/platypush/backend/http/templates/plugins/camera.pi/index.html
+++ b/platypush/backend/http/templates/plugins/camera.pi/index.html
@@ -1,23 +1,6 @@
+<script type="text/javascript" src="{{ url_for('static', filename='js/plugins/camera/index.js') }}"></script>
+
 <script type="text/x-template" id="tmpl-camera-pi">
-    <div class="camera">
-        <div class="camera-container">
-            <div class="no-frame" v-if="!streaming && !capturing">The camera is not active</div>
-            <img class="frame" ref="frame">
-        </div>
-
-        <div class="controls">
-            <button type="button" @click="startStreaming" :disabled="capturing" v-if="!streaming">
-                <i class="fa fa-play"></i>&nbsp; Start streaming
-            </button>
-
-            <button type="button" @click="stopStreaming" :disabled="capturing" v-else>
-                <i class="fa fa-stop"></i>&nbsp; Stop streaming
-            </button>
-
-            <button type="button" @click="capture" :disabled="streaming || capturing">
-                <i class="fas fa-camera"></i>&nbsp; Take snapshot
-            </button>
-        </div>
-    </div>
+    {% include 'plugins/camera/index.html' %}
 </script>