Skip to content

GitLab

Commit b13bf286 authored by Marcel Hauck's avatar Marcel Hauck
Browse files
Options

added picture-type, new colors, revised products

parent 3babe7ba
Hide whitespace changes
Inline Side-by-side
Showing with 134 additions and 132 deletions
css/style.css
View file @ b13bf286
......@@ -33,20 +33,23 @@ a:link, a:visited, a:hover, a:focus, a:active, a:visited:hover {
.product-name{
display:block;
}
.mediatype-text{
border-color: #f8cd5d;
}
.mediatype-picture{
border-color: #f5961e;
}
.mediatype-video{
border-color: #fb6e68;
border-color: #d62048;
}
.mediatype-audio{
border-color: #f8d678;
}
.mediatype-text{
border-color: #79b953;
border-color: #124676;
}
.mediatype-mixed{
border-color: rgb(20, 133, 209);
border-color: #31acd6;
}
.mediatype-other{
border-color: #666;
border-color: #6ecbd2;
}
.legend-item{
display: inline-block;
......
img/isotoma.svg deleted 100644 → 0
View file @ 3babe7ba
<svg viewBox="0 0 372.69 226.91" xmlns="http://www.w3.org/2000/svg"><path d="m0 185.74v41.17h225.02v-41.04h-13.5v27.62h-198.1v-27.75z" fill="#46bbc8"/><path d="m0 0v111.49h13.27v-98l198.21-.16.01 98 13.53.16v-111.49z" fill="#46bbc8"/><g fill="#000"><path d="m.05 124.51h13.38v48.43h-13.38z"/><path d="m118.77 148.87v-.14c0-7-5-13.08-12.36-13.08s-12.15 6-12.15 12.94v.14c0 7 5 13.08 12.28 13.08s12.22-6 12.22-12.94m-38.16 0v-.14c0-13.91 11.12-25.19 25.94-25.19s25.8 11.15 25.8 25.05v.14c0 13.91-11.11 25.18-25.94 25.18s-25.8-11.14-25.8-25"/><path d="m230.41 148.87v-.14c0-7-5-13.08-12.35-13.08s-12.15 6-12.15 12.94v.14c0 7 5 13.08 12.28 13.08s12.21-6 12.21-12.94m-38.15 0v-.14c0-13.91 11.11-25.19 25.94-25.19s25.81 11.15 25.81 25.05v.14c0 13.91-11.11 25.18-25.94 25.18s-25.8-11.14-25.8-25"/><path d="m255.5 124.51h17.69l7.84 18.75 8.03-18.75h17.5v48.44h-13.24v-27.82l-8.08 19.22h-8.62l-8.08-19.08v27.68h-13.04z"/><path d="m35.32 156.83a24.65 24.65 0 0 0 15.58 5.81c3.57 0 5.49-1.25 5.49-3.33v-.14c0-2-1.58-3.11-8.09-4.63-10.23-2.36-18.12-5.26-18.12-15.22v-.14c0-9 7.07-15.5 18.6-15.5 7.14 0 12.93 1.69 17.75 4.94l-4.64 11a24 24 0 0 0 -13.45-4.77c-3.22 0-4.8 1.38-4.8 3.11v.14c0 2.22 1.65 3.19 8.3 4.71 11 2.42 17.91 6 17.91 15.09v.1c0 9.89-7.76 15.78-19.42 15.78a34.45 34.45 0 0 1 -19.76-5.84z"/><path d="m157.61 136.28h-14.4v-11.76h41.81l-4.96 11.76h-9.13v36.67h-13.32z"/><path d="m337.7 124.34-20.45 48.78h12.8l13.96-32.87 4.65 11.14h-3.54l-4.96 11.76h13.41l4.19 10.03h14.93l-21.18-48.84z"/></g></svg>
\ No newline at end of file
index.html
View file @ b13bf286
......@@ -36,9 +36,10 @@
<div class="row-legend">
<h2>Legende</h2>
<div>Was ist der Output des Produktes?</div>
<div class="legend-item"><div class="mediatype-text">Text</div> </div>
<div class="legend-item"><div class="mediatype-picture">Bild</div> </div>
<div class="legend-item"><div class="mediatype-video">Video</div> </div>
<div class="legend-item"><div class="mediatype-audio">Audio</div> </div>
<div class="legend-item"><div class="mediatype-text">Text</div> </div>
<div class="legend-item"><div class="mediatype-mixed">Gemischt</div> </div>
<div class="legend-item"><div class="mediatype-other">Sonstiges</div> </div>
</div>
......
input.html
View file @ b13bf286
......@@ -38,9 +38,9 @@
"uniqueItems": true,
"items": {
"type": "string",
enum: ["video", "audio", "text", "other"],
enum: ["video", "audio", "text", "picture", "other"],
options: {
enum_titles: ["Video", "Audio", "Text", "Sonstiges"]
enum_titles: ["Video", "Audio", "Text", "Bild", "Sonstiges"]
}
}
},
......
js/scripts.js
View file @ b13bf286
$( document ).ready(function() {
// switches for displaying various information
var showProductCount = false;
var showProductCount = true;
var showLegend = true;
var showNavbar = false;
var showTitle = false;
......
json/products.json
View file @ b13bf286
......@@ -5,10 +5,11 @@
"logo": "Cinema-Intelligence-RGB_highres.jpg",
"link": "https://cinemaintelligence.com/",
"mediatype": [
"video"
"other"
],
"description": "Vorhersage der Filmperformance und Anwesenheit; verbesserte Vertriebsverhandlungen; optimierte Kinoplanung.",
"description": "Prognose der Filmperformance und Zuschauerzahlen; optimierte Kinoplanung",
"categories": [
"BeschaffungInhalte",
"Packaging"
]
},
......@@ -18,11 +19,11 @@
"logo": "vault.png",
"link": "https://vault-ai.com/",
"mediatype": [
"video"
"other"
],
"description": "Prognose von Film-Umsätzen und der Zielgruppen-Demografie; Wettbewerbs-Titelanalyse",
"categories": [
"Packaging"
"BeschaffungInhalte"
]
},
{
......@@ -31,7 +32,7 @@
"logo": "vault.png",
"link": "https://vault-ai.com/",
"mediatype": [
"video"
"other"
],
"description": "Visualisierung des Filmpublikums; Marken-, Sequenz- und Franchiseanalyse",
"categories": [
......@@ -44,7 +45,7 @@
"logo": "vault.png",
"link": "https://vault-ai.com/",
"mediatype": [
"video"
"other"
],
"description": "Visualisierung des TV-Publikums; Marktanalysen- und vorhersagen",
"categories": [
......@@ -73,7 +74,7 @@
"video",
"audio"
],
"description": "Automatischer Videoschnitt, Generierung von Musik",
"description": "Automatischer Videoschnitt; Generierung von Musik",
"categories": [
"ProduktionContent"
]
......@@ -99,7 +100,7 @@
"mediatype": [
"audio"
],
"description": "Musik komponieren",
"description": "Eigene Musik komponieren",
"categories": [
"ProduktionContent"
]
......@@ -112,7 +113,7 @@
"mediatype": [
"audio"
],
"description": "Audio-Mastering & -Distribution",
"description": "Audio-Mastering und -Distribution",
"categories": [
"ProduktionContent",
"Distribution"
......@@ -139,7 +140,7 @@
"mediatype": [
"audio"
],
"description": "Soundtrack komponieren",
"description": "Eigene Soundtracks komponieren",
"categories": [
"ProduktionContent"
]
......@@ -150,9 +151,9 @@
"logo": "cre8tiveai.svg",
"link": "https://cre8tiveai.com/",
"mediatype": [
"video"
"picture"
],
"description": "Verbesserung der Bildqualität",
"description": "Verbesserung der Auflösung von Fotos",
"categories": [
"ProduktionContent"
]
......@@ -165,7 +166,7 @@
"mediatype": [
"video"
],
"description": "Augmented Reality im Broadcasting",
"description": "Augmented Reality im Broadcasting mittels automatischer Kameraverfolgung",
"categories": [
"ProduktionContent"
]
......@@ -176,12 +177,11 @@
"logo": "realytics.svg",
"link": "https://www.realytics.io/",
"mediatype": [
"video"
"other"
],
"description": "Programmatic TV; Erstellung von TV-Mediaplänen",
"categories": [
"AkquisitionWerbung",
"PlazierungWerbung",
"Packaging"
]
},
......@@ -191,13 +191,13 @@
"logo": "adobe.svg",
"link": "https://www.adobe.com/de/sensei.html",
"mediatype": [
"video",
"other"
],
"description": "Predictive Analytics, Optimierung Werbeausgaben, Projektorganisation",
"description": "Predictive Analytics; Optimierung Werbeausgaben; Projektorganisation",
"categories": [
"ProduktionContent",
"PlazierungWerbung",
"Packaging"
"BeschaffungInhalte",
"ProduktionContent"
]
},
{
......@@ -206,9 +206,9 @@
"logo": "qualifiction.png",
"link": "https://www.qualifiction.info/",
"mediatype": [
"text"
"other"
],
"description": "Vorhersage von Bucherfolgen",
"description": "Textanalyse; Vorhersage von Bucherfolgen",
"categories": [
"BeschaffungInhalte"
]
......@@ -219,6 +219,7 @@
"logo": "lobster.png",
"link": "https://lobster.media/",
"mediatype": [
"picture",
"video"
],
"description": "Kuratieren und Lizenzieren von visuellen Inhalten mit KI-Filterung",
......@@ -232,7 +233,7 @@
"logo": "media-distillery.svg",
"link": "https://www.mediadistillery.com/tv-operators/episodic-images/",
"mediatype": [
"video"
"picture"
],
"description": "Automatische Auswahl von Vorschaubildern",
"categories": [
......@@ -260,7 +261,7 @@
"mediatype": [
"video"
],
"description": "Empfehlungssystem",
"description": "Personalisierte Videosuchmaschine",
"categories": [
"Packaging"
]
......@@ -273,9 +274,10 @@
"mediatype": [
"video"
],
"description": "Tagging von Themen innerhalb von TV-Programmen",
"description": "Tagging von Themen innerhalb von TV-Programmen zur zielgerichteten Werbeausstrahlung",
"categories": [
"ProduktionContent"
"ProduktionContent",
"PlazierungWerbung"
]
},
{
......@@ -284,9 +286,9 @@
"logo": "keen-ai.svg",
"link": "https://www.keen-ai.com/",
"mediatype": [
"video"
"other"
],
"description": "Qualitätskontrolle und Zustandsbewertung",
"description": "Qualitätskontrolle und Zustandsbewertung von Bildern und Videos",
"categories": [
"ProduktionContent"
]
......@@ -297,10 +299,9 @@
"logo": "interra-systems.svg",
"link": "http://www.interrasystems.com/content-classification.php",
"mediatype": [
"video",
"audio"
"other"
],
"description": "Klassifizierung audiovisueller Inhalte in semantische Konzepte",
"description": "Klassifizierung audiovisueller Inhalte in semantische Konzepte; Qualitätskontrolle",
"categories": [
"ProduktionContent"
]
......@@ -311,10 +312,11 @@
"logo": "scale.svg",
"link": "https://scale.ai/video-annotation",
"mediatype": [
"video"
"other"
],
"description": "Objekterkennung und -beschreibung",
"description": "Objekterkennung und -beschreibung; Generierung von Metadaten",
"categories": [
"BeschaffungInhalte",
"ProduktionContent"
]
},
......@@ -324,8 +326,7 @@
"logo": "telestream.png",
"link": "https://cloud.telestream.net/quality-control/",
"mediatype": [
"video",
"audio"
"other"
],
"description": "Automatisierte Qualitätskontrolle",
"categories": [
......@@ -351,6 +352,8 @@
"logo": "recombee.svg",
"link": "https://www.recombee.com/",
"mediatype": [
"video",
"text",
"other"
],
"description": "Empfehlungssystem",
......@@ -358,30 +361,17 @@
"Packaging"
]
},
{
"name": "SOMA",
"manufacturer": "Isotoma",
"logo": "isotoma.svg",
"link": "https://isotoma.com/work/bbc-rd",
"mediatype": [
"video"
],
"description": "Compositing und Mixing von Videos im Browser",
"categories": [
"ProduktionContent"
]
},
{
"name": "Azure Media Services",
"manufacturer": "Microsoft",
"logo": "Microsoft_Azure.svg",
"link": "https://azure.microsoft.com/de-de/services/media-services/",
"mediatype": [
"video"
"video",
"other"
],
"description": "Automatische Live-Szenenauswahl, Codierung, Videoindizierung, Streaming",
"description": "Automatische Live-Szenenauswahl; Codierung; Videoindizierung; Streaming",
"categories": [
"ProduktionContent",
"Packaging",
"TechnischeProduktion",
"Distribution"
......@@ -395,7 +385,7 @@
"mediatype": [
"video"
],
"description": "Bandbreiten- und Qualitätsoptimierung",
"description": "Bandbreiten- und Qualitätsoptimierung; Codierung",
"categories": [
"TechnischeProduktion"
]
......@@ -408,9 +398,9 @@
"mediatype": [
"other"
],
"description": "Metadatengenerierung",
"description": "Metadaten-Generierung",
"categories": [
"ProduktionContent"
"BeschaffungInhalte"
]
},
{
......@@ -421,7 +411,7 @@
"mediatype": [
"video"
],
"description": "Dynamische Produkt- und Markenplatzierung in produzierten Inhalten",
"description": "Dynamische Produkt- und Markenplatzierung in produzierten Videos",
"categories": [
"PlazierungWerbung"
]
......@@ -434,9 +424,9 @@
"mediatype": [
"other"
],
"description": "Automatisierte Sendeabläufe",
"description": "Netzwerkmanagement; Betriebsunterstützung für die Rundfunkindustrie",
"categories": [
"Distribution"
"TechnischeProduktion"
]
},
{
......@@ -445,11 +435,12 @@
"logo": "ipv.jpg",
"link": "https://www.ipv.com/",
"mediatype": [
"video"
"other"
],
"description": "Metadaten-Generierung",
"description": "Metadaten-Generierung; Media-Asset-Management",
"categories": [
"ProduktionContent"
"BeschaffungInhalte",
"Packaging"
]
},
{
......@@ -463,29 +454,30 @@
],
"description": "Erkennung der Synchronisierung von Untertiteln",
"categories": [
"ProduktionContent"
"TechnischeProduktion"
]
},
{
"name": "Recognition",
"manufacturer": "Valossa",
"logo": "valossa.png",
"link": "https://valossa.com/products-api/",
"link": "https://valossa.com/video-recognition-api/",
"mediatype": [
"video"
"video",
"other"
],
"description": "Erkennung ungeeigneter Videoszenen",
"description": "Erkennung unangemessener Videoszenen; Metadaten-Generierung",
"categories": [
"ProduktionContent"
"BeschaffungInhalte"
]
},
{
"name": "Podcast Advertising",
"manufacturer": "Pippa",
"logo": "pippa.svg",
"link": "https://pippa.io/",
"link": "https://pippa.io/advertisers",
"mediatype": [
"audio"
"other"
],
"description": "Dynamische, personalisierte Werbeschaltung",
"categories": [
......@@ -498,12 +490,11 @@
"logo": "metaliquid.png",
"link": "https://www.meta-liquid.com/",
"mediatype": [
"video",
"audio"
"other"
],
"description": "Objekterkennung und -beschreibung",
"categories": [
"ProduktionContent"
"BeschaffungInhalte"
]
},
{
......@@ -542,6 +533,7 @@
],
"description": "Audio-Reparatur, Instrumentenklassifizierer",
"categories": [
"BeschaffungInhalte",
"ProduktionContent"
]
},
......@@ -553,7 +545,7 @@
"mediatype": [
"other"
],
"description": "Management der Zuschauerbeziehungen",
"description": "Analysieren von Echtzeit-Social-Media-Daten, um gezielte Empfehlungen für bestimmte Zielgruppen zu generieren",
"categories": [
"BeschaffungInhalte"
]
......@@ -577,10 +569,9 @@
"logo": "qloo.svg",
"link": "https://qloo.com/",
"mediatype": [
"video",
"audio"
"other"
],
"description": "Verbrauchervorlieben vorherzusagen",
"description": "Verbrauchervorlieben vorhersagen",
"categories": [
"BeschaffungInhalte"
]
......@@ -591,10 +582,12 @@
"logo": "smartfm.svg",
"link": "https://www.worldcastsystems.com/en/c116p109/artificial-intelligence-for-radio/smart-fm",
"mediatype": [
"audio"
"audio",
"other"
],
"description": "Reduzierung Energiekosten und Erhöhung Audio-Qualität für FM-Sender",
"categories": [
"ProduktionContent",
"TechnischeProduktion"
]
},
......@@ -604,12 +597,11 @@
"logo": "brodstar.jpg",
"link": "http://www.stryme.com/brodstar/",
"mediatype": [
"video",
"audio"
"other"
],
"description": "Echtzeit-Qualitätsüberwachung ",
"description": "Echtzeit-Qualitätsüberwachung",
"categories": [
"TechnischeProduktion"
"Distribution"
]
},
{
......@@ -618,11 +610,11 @@
"logo": "cumulus.png",
"link": "https://www.canto.com/cumulus/",
"mediatype": [
"video"
"other"
],
"description": "Bilderkennung und automatisches Tagging ",
"description": "Metadaten-Generierung",
"categories": [
"ProduktionContent"
"BeschaffungInhalte"
]
},
{
......@@ -633,8 +625,9 @@
"mediatype": [
"other"
],
"description": "Sprach-, Gesichts-, Objekt- und Logo-Erkennung; Übersetzung; Generierung von Untertiteln; Fingerprinting",
"description": "Media-Asset-Management; Metadaten-Generierung; Übersetzung; Generierung von Untertiteln; Fingerprinting",
"categories": [
"BeschaffungInhalte",
"ProduktionContent"
]
},
......@@ -644,11 +637,11 @@
"logo": "Amazon_Web_Services.svg",
"link": "https://aws.amazon.com/de/rekognition/",
"mediatype": [
"video"
"other"
],
"description": "Identifizierung von Objekten, Personen, Texten, Szenen und Aktivitäten",
"description": "Metadaten-Generierung",
"categories": [
"ProduktionContent"
"BeschaffungInhalte"
]
},
{
......@@ -657,11 +650,11 @@
"logo": "rivetai.png",
"link": "https://www.rivetai.com/",
"mediatype": [
"video"
"picture"
],
"description": "Erzeugung einer visuellen Darstellung einer Geschichte",
"description": "Erzeugung einer visuellen Darstellung einer geschriebenen Geschichte",
"categories": [
"ProduktionContent"
"BeschaffungInhalte"
]
},
{
......@@ -670,8 +663,8 @@
"logo": "magenta.png",
"link": "https://magenta.tensorflow.org/",
"mediatype": [
"video",
"audio"
"audio",
"other"
],
"description": "Generierung von Musik und Kunst",
"categories": [
......@@ -686,7 +679,7 @@
"mediatype": [
"audio"
],
"description": "Musik komponieren",
"description": "Audio-Composing",
"categories": [
"ProduktionContent"
]
......@@ -701,6 +694,7 @@
],
"description": "Optimierung der Mediaplanung und Prognose der Geschäftsergebnisse",
"categories": [
"BeschaffungInhalte",
"PlazierungWerbung"
]
},
......@@ -710,10 +704,11 @@
"logo": "arc.png",
"link": "https://www.arcpublishing.com/",
"mediatype": [
"text"
"other"
],
"description": "Digital-Publishing-Tools inkl. Empfehlungssystem",
"description": "Digital-Publishing; Empfehlungssystem",
"categories": [
"ProduktionContent",
"Packaging"
]
},
......@@ -726,8 +721,9 @@
"video",
"other"
],
"description": "Medienanalyse, Transkription, Optimierte Werbeplatzierung",
"description": "Media-Asset-Management; Medienanalyse; Transkription; Optimierte Werbeplatzierung",
"categories": [
"BeschaffungInhalte",
"ProduktionContent",
"PlazierungWerbung"
]
......@@ -738,11 +734,11 @@
"logo": "DeepVA.svg",
"link": "https://deepva.com/",
"mediatype": [
"video"
"other"
],
"description": "Video-Mining",
"categories": [
"ProduktionContent"
"BeschaffungInhalte"
]
},
{
......@@ -753,20 +749,21 @@
"mediatype": [
"other"
],
"description": "Video-Adserving-Plattform für Media Owner",
"description": "Video-Adserving-Plattform für Media Owner; Bereitstellung von Werbung",
"categories": [
"AkquisitionWerbung"
"AkquisitionWerbung",
"PlazierungWerbung"
]
},
{
"name": "Media Ai²",
"manufacturer": "Marketing Architects",
"logo": "MediaAi2.png",
"link": "https://www.marketingarchitects.com/media",
"link": "https://www.marketingarchitects.com/blog/meet-annikasm-the-future-of-tv-media-buying",
"mediatype": [
"other"
],
"description": "Programmatischer TV-Medieneinkauf",
"description": "Programmatic TV",
"categories": [