Rich Media & HD Video Streaming Integration with Brightcove IBM Digital Experience Version 8.5 Web Content Management IBM Ecosystem Development 2014 IBM Corporation
Please Note IBM s statements regarding its plans, directions, and intent are subject to change or withdrawal without notice at IBM s sole discretion. Information regarding potential future products is intended to outline our general product direction and it should not be relied on in making a purchasing decision. The information mentioned regarding potential future products is not a commitment, promise, or legal obligation to deliver any material, code or functionality. Information about potential future products may not be incorporated into any contract. The development, release, and timing of any future features or functionality described for our products remains at our sole discretion Performance is based on measurements and projections using standard IBM benchmarks in a controlled environment. The actual throughput or performance that any user will experience will vary depending upon many factors, including considerations such as the amount of multiprogramming in the user s job stream, the I/O configuration, the storage configuration, and the workload processed. Therefore, no assurance can be given that an individual user will achieve results similar to those stated here. 2 2
Agenda Rich Media Overview & Importance of Rich Media to IBM Digital Experience How Brightcove Integration Fits Into IBM s Rich Media Capabilities Brightcove Integration Overview Brightcove Integration Technical Deep Dive Rich Media Roadmap Question and Answer Session IBM Digital Experience Version 8.5 Technical Enablement 3
Agenda Rich Media Overview & Importance of Rich Media to IBM Digital Experience How Brightcove Integration Fits Into IBM s Rich Media Capabilities Brightcove Integration Overview Brightcove Integration Technical Deep Dive Rich Media Roadmap Question and Answer Session IBM Digital Experience Version 8.5 Technical Enablement 4
Differentiate Digital Brand with Rich Media Digital brand perception is driven by imagery of digital experience Visual elements communicate the brand essence to audiences Logos, carousels in the form of images and videos represent visual elements of experience Immersion increases depth of processing and establishes permanence of memorable experiences IBM Digital Experience Version 8.5 Technical Enablement 5
IBM Rich Media Edition Overview Delivers captivating, immersive digital experiences by incorporating rich media across channels for brand differentiation Unleashes & accelerates the creative production process with collaborative capabilities for designers, agencies and creatives Incorporate assets from leading creative tools Maximizes rich media value with centralized management, search & transformation 6 6
Ingest Rich Media Centrally stores all rich media assets created using leading creative tools Files are stored on the file system of the DAM server and can be organized in folders 7 7
Organize, Categorize & Describe Rich Media Increases findability with custom directory taxonomy, keywords and meta-data All meta data is stored in the file as XMP data, in addition it is copied into a database to enable a fast search 8 8
Search & Discover Rich Media Rapid discovery of high impact digital assets, improving asset reuse and rich media ROI Search is based on Lucene indexes and Database queries 9 9
Demo scenarios Scenario 1: RME Content designer upload a new image, attach meta data to it look at a comment that was made on one of the images, act on the comment (crop image) Content author add an image to the page, in the context of the page use taxonomy and color search to find image that best fits the needs Scenario 2: Brightcove integration Content author add new Brightcove video player to page show on ipad, iphone 10
End-users Digital Asset and Web Content flow Production rendering WCM Authoring Image, Audio, Video Tools WCM syndication DAM System Custom code, e.g. workflow action Creative Cloud or CDN based delivery content creation Creative content process approval WCM content creation, WCM content using assets from DAM approval 11
Deployment architecture DAM Server System WCM Authoring Production rendering WCM syndication Import into WCM Assets on Disk DAM DB for asset meta data Authoring DB Assets with meta data in JCR Rendering DB 12
Deployment details Authentication The WAS / Portal authentication mechanism is used and users and groups are dynamically added on the DAM server side Copy images into WCM for delivery on the WCM production server Ability to render the images for unauthenticated users Leverages WCM caching Ability to use Portal/WCM HA archictecture RME license is only needed, then, for the authoring environment Consider running the DAM server on Windows Provides default image manipulation libs for generating thumbnails and video previews 13
Data Model details RME uses a new extension point in WCM will make that extension point public in the future allowing any repositories to plug in for image or file resources two implementations available with 8.5: Digital Asset Manager and Brightcove In the WCM image or file item additional meta data are stored file ID and path in MB and other meta data copy or reference 14
Recommended use cases in RME V1 Have creative rich media authors manage assets in the DAM upload/convert images and videos, roundtrip editing by storing metadata in the binary as XMP data enforce consistent metadata and categories provide comments on images/videos Search and Insert images / videos from DAM into WCM Leverage rich search capabilities of the DAM, like based on color, keywords, categories, ratings,... Copy images/files into WCM for delivery Advanced: Customizing the DAM user interface If required, the DAM user interface can be customized to fit the needs of the creative authors as well as a version for the WCM content authors 15
DAM Authoring UI 16
DAM Server Administration UI 17
DAM server Normally separate server for demo purposes can be installed on the portal machine Functionality Web server for the remote access Search Thumbnail image generation Video conversion using external video libs Image conversions Populating database using filesystem data Workflow engine (Javascript based) Admin settings (AC, configurations, workspaces,...) 18
RME infrastructure details RME 8001CF9 / 8.5 Portal server side supported operation systems: Linux, Windows, AIX DAM server supported operation systems: Linux, Windows installs a DB2Embbedded 10.5 per default supported DBs are: IBM DB2, Oracle, Microsoft SQL server integrates with the WAS user repository, no additional LDAP connection needed 19
Agenda Importance of Rich Media to IBM Digital Experience How Brightcove Integration Fits Into IBM s Rich Media Capabilities Brightcove Integration Overview Brightcove Integration Technical Deep Dive Rich Media Roadmap Question and Answer Session IBM Digital Experience Version 8.5 Technical Enablement 20
How Brightcove Integration Fits Into IBM s Rich Media Capabilities End-users IBM Rich Media Edition Stores and Manages Assets Digital Experience Authoring WCM syndication (includes Image, Audio, Video Tools Production Rendering images) Rich Media DAM Image copied into WCM WCM content creation, using content creation process WCM content assets from DAM Creative approval Creative content approval Content Author browses, previews, selects & uploads videos IBM Digital Experience Version 8.5 Technical Enablement Brightcove Streams (Distributes) Video to Site Visitors 21
Agenda Importance of Rich Media to IBM Digital Experience Rich Media Overview & How Brightcove Integration Fits Into IBM s Rich Media Capabilities Brightcove Integration Overview Brightcove Integration Technical Deep Dive Rich Media Roadmap Question and Answer Session IBM Digital Experience Version 8.5 Technical Enablement 22
IBM Digital Experience and Brightcove Integration Provides HD Video Streaming for Delivering Captivating Immersive Digital Experiences Increases engagement by delivering professional quality video to any device Browse, Search, Preview, Insert and Upload Videos Enables content marketers to seamlessly incorporate videos Browse, search, preview, insert and upload videos to Brightcove Leverages best in class video platform capabilities from Brightcove Intelligent player that optimizes playback by detecting bandwidth and device type Branded experiences with WYSIWYG player styling Broad reach with Content Distribution Network delivery for fast, secure playback IBM Digital Experience Version 8.5 Technical Enablement NOTE TO SELLERS: BRIGHTCOVE INTEGRATION IN 8.5 REQUIRES WCM ENTITLEMENTS ONLY 23
Agenda Importance of Rich Media to IBM Digital Experience Rich Media Overview & How Brightcove Integration Fits Into IBM s Rich Media Capabilities Brightcove Integration Overview Brightcove Integration Technical Deep Dive Rich Media Roadmap Question and Answer Session IBM Digital Experience Version 8.5 Technical Enablement 24
Design Overview The Brightcove integration introduces a new selection UI for WCM file elements and file components the Brightcove integration needs to be enabled with a new config task that will take the BC security tokens as input ConfigEngine.sh setup-brightcove-plugins -DBrightcove.ReadToken=<readToken> -DBrightcove.UploadToken=<uploadToken> it will be not enabled per default as you need to have a BC account and we want to help BC driving new accounts Videos are only stored in Brightcove and just referenced from WCM using the existing WCM File Component Brightcove video player markup can be used to play the videos e.g. can be stored in an HTML component and reference the video ID The UI is encapsulated in a new portlet can be configured via Portlet Preferences it uses REST services to connect to Brightcove calls will be done using the AJAX proxy and HTTP outbound proxy IBM Digital Experience Version 8.5 Technical Enablement 25
Brightcove Security Model Currently has no real authentication using SAML or something similar, but instead uses tokens that you generate for your account. you can assign those token read or upload access, thus we support storing a read and an upload token portal users won't map 1:1 to a BC user id, instead a company will only have a small amount of BC user ID (e.g. one for Software, Hardware, Services) that are owned by the business units the portlet uses the Brightcove IDs for authentication for the REST service default read and upload IDs are stored as portlet preferences in the portlet this is a security exposure as they get exported via xmlaccess, we'll document that defaults can be overridden for file elements in the authoring template default content properties token will be stored as DAM meta data IBM Digital Experience Version 8.5 Technical Enablement 26
Interaction Flow WCM Authoring Brightcove Select video to be included in page Rest Auth Token REST service calls WCM File elem ID=BC1234 IBM Digital Experience Version 8.5 Technical Enablement 27
Interaction Flow WCM Authoring Brightcove Render video from Brightcove WCM Video PT passing the video ID to the BC player WCM File elem ID=BC1234 Video ID + Player ID Brightcove player making streaming HTTP call Note: The video will be directly rendered from Brightcove via the Brightcove video player markup and not via portal. The same link to the Brightcove video will be used when rendered on the WCM Rendering server. IBM Digital Experience Version 8.5 Technical Enablement 28
Overriding Default Settings via the Authoring Template Authoring template 1: Videos Override read, upload, and/or default view Authoring template 2: Playlists IBM Digital Experience Version 8.5 Technical Enablement 29
Agenda Importance of Rich Media to IBM Digital Experience Rich Media Overview & How Brightcove Integration Fits Into IBM s Rich Media Capabilities Brightcove Integration Overview Brightcove Integration Technical Deep Dive Rich Media Roadmap Question and Answer Session IBM Digital Experience Version 8.5 Technical Enablement 30
IBM Rich Media Future Investment Areas IBM s statements regarding its plans, directions, and intent are subject to change or withdrawal without notice at IBM s sole discretion. Information regarding potential future products is intended to outline our general product direction and it should not be relied on in making a purchasing decision. The information mentioned regarding potential future products is not a commitment, promise, or legal obligation to deliver any material, code or functionality. Information about potential future products may not be incorporated into any contract. The development, release, and timing of any future features or functionality described for our products remains at our sole discretion. IBM Digital Experience Version 8.5 Technical Enablement 31
How Brightcove Integration Fits Into IBM s Rich Media Capabilities (Future) 1. Rich Media Centrally Stores and Manages Images and Videos End-users Digital Experience Authoring WCM syndication (includes Image, Audio, Video Tools Production Rendering images) Rich Media DAM Image copied into WCM 3. Brightcove transcodes and streams video to site visitors WCM content creation, using assets from DAM Creative content creation process approval Creative content approval WCM content RME/Brightcove Video Syndication Content Author browses, previews & selects videos 2. Rich Media Edition Synchronizes Videos with Brightcove IBM Digital Experience Version 8.5 Technical Enablement NOTE TO SELLERS: BRIGHTCOVE INTEGRATION PLANNED FOR Q3 REQUIRES RICH MEDIA EDITION ENTITLEMENTS 32
Summary Rich Media is critical for differentiating digital brands Key buyer concern and competitive necessity Brightcove compliments IBM Rich Media capabilities with HD Video streaming (distribution) IBM Digital Experience provides content marketers with seamless Brightcove integration Teaming with Brightcove is essential for co-selling success 33
For More Information IBM Digital Experience Solutions http://www-01.ibm.com/software/collaboration/digitalexperience WebSphere Portal and IBM Web Content Manager Information Center Wiki http://www-10.lotus.com/ldd/portalwiki.nsf/ WebSphere Portal and Web Content Manager V.Next Beta https://www14.software.ibm.com/iwm/web/cc/earlyprograms/lotus/portalopenbeta IBM Digital Experience Demonstrations: http://www.youtube.com/user/ibmxwebx IBM Collaboration Services Business Solutions Catalog https://greenhouse.lotus.com/catalog/ 34