diff --git a/app/static/js/ascroll.js b/app/static/js/ascroll.js
index 3da38a6..d52bbdb 100755
--- a/app/static/js/ascroll.js
+++ b/app/static/js/ascroll.js
@@ -219,8 +219,9 @@ async function loadClips(annotations) {
         var previous
 
         annotations.forEach(annotation => {
-            var clipId = annotation.clipId
+            var clipId = annotation.clipId || annotation.id.split('/')[0] + '/' + annotation.in.toFixed(3)  + '-'+ annotation.out.toFixed(3)
             if (!colors[clipId]) {
+                console.log('no match for clip', clipId)
                 return
             }
             clips[clipId] = clips[clipId] || {