In een eerdere blogpost op webdesigner heb ik geprobeerd uit te leggen hoe je eenvoudig een Screencast kan opnemen met de Expression Encoder 3 capture tool. In deze korte blogpost ga ik proberen uit te leggen hoe je deze screencast eenvoudig met Expression Web 3 aan je website kan toevoegen. Uiteraard is het ook mogelijk om Silverlight content vanuit Expression Blend toe te voegen aan je website, maar daar gaat deze tutorial niet over.
Invoegen en Silverlight-video encodering
Aangezien Expression Encoder 3 is geïntegreerd met Expression Web 3, kun je vanuit de toolbox simpel je high-quality Silverlight video toevoegen aan je website.
Vervolgens komt het dialoog venster “Insert Silverlight video” te voorschijn, waarin je de codering opties kan kiezen zoals encoding profile, player skin, size en andere opties voor het correct coderen van de video voor jou website.
· Profielen: je kunt hetzelfde coderings profiel als het bronbestand (aanbevolen) gebruiken, of je kunt kiezen uit een aantal coderings profielen op basis van het apparaat, zoals de Zune, h. 264 met of zonder IIS smooth streaming, verschillende VC-1 opties, enzovoort.
· Standaard zet Expression Web 3 de gecodeerde bestanden in je website folder structuur, maar kunt je kunt uiteraard ook een andere locatie kiezen.
· “Template” bepaalt de “player skin” en er zijn verschillende opties. Kies voor deze demo “Popup”.
· Breedte en hoogte stelt de respectievelijke parameters in voor de player.
· Je kunt ook een aantal afspeel opties instellen, zoals starten wanneer de pagina wordt geladen.
· Kies tenslotte stretch-modus als de hoogte-breedteverhoudingvan het bronbestand anders is dan van de lay-out eisen.
Nadat je voor OK kiest, zal Encoder de video encoderen en zal de player-skin in je pagina invoegen zoas hieronder ziet.
Je kunt Expression Encoder 3 ook gebruiken als stand-alone applicatie voor het encoderen van een groot aantal video formaten, simpele bewerkingen en grafische overlays toevoegen. De ge-encodeerde video’s kunnen dan vervolgens afgespeeld worden in verschillende player skins voor het Web en voor verschillende apparaten.
In een eerdere blogpost op webdesigner heb ik geprobeerd uit te leggen hoe je eenvoudig een Screencast kan opnemen met de Expression Encoder 3 capture tool. In deze korte blogpost ga ik proberen uit te leggen hoe je deze screencast eenvoudig met Expression Web 3 aan je website kan toevoegen. Uiteraard is het ook mogelijk om Silverlight content vanuit Expression Blend toe te voegen aan je website, maar daar gaat deze tutorial niet over.
Invoegen en Silverlight-video encodering
Aangezien Expression Encoder 3 is geïntegreerd met Expression Web 3, kun je vanuit de toolbox simpel je high-quality Silverlight video toevoegen aan je website.
Vervolgens komt het dialoog venster “Insert Silverlight video” te voorschijn, waarin je de codering opties kan kiezen zoals encoding profile, player skin, size en andere opties voor het correct coderen van de video voor jou website.
· Profielen: je kunt hetzelfde coderings profiel als het bronbestand (aanbevolen) gebruiken, of je kunt kiezen uit een aantal coderings profielen op basis van het apparaat, zoals de Zune, h. 264 met of zonder IIS smooth streaming, verschillende VC-1 opties, enzovoort.
· Standaard zet Expression Web 3 de gecodeerde bestanden in je website folder structuur, maar kunt je kunt uiteraard ook een andere locatie kiezen.
· “Template” bepaalt de “player skin” en er zijn verschillende opties. Kies voor deze demo “Popup”.
· Breedte en hoogte stelt de respectievelijke parameters in voor de player.
· Je kunt ook een aantal afspeel opties instellen, zoals starten wanneer de pagina wordt geladen.
· Kies tenslotte stretch-modus als de hoogte-breedteverhoudingvan het bronbestand anders is dan van de lay-out eisen.
Nadat je voor OK kiest, zal Encoder de video encoderen en zal de player-skin in je pagina invoegen zoas hieronder ziet.
Je kunt Expression Encoder 3 ook gebruiken als stand-alone applicatie voor het encoderen van een groot aantal video formaten, simpele bewerkingen en grafische overlays toevoegen. De ge-encodeerde video’s kunnen dan vervolgens afgespeeld worden in verschillende player skins voor het Web en voor verschillende apparaten.
Meer informatie over Expression Web vind je hier.
Uiteraard kun je een gratis 60-daags evaluatie (volledig functioneel) versie van Expression Web 3 proberen die hier te vinden is.
Feedback? Laat het me weten!
Mark