Add annotations to video player - annotations

I am looking for a video player for videos hosted on web site, that supports annotations like youtube. So the basic functionality will be adding an annotation with time, duration, position, size, color, and as a bonus display all annotations as time links to periods of the video.
So now i'm using JW Player for my developing because i like it's features (cross browser, clear api and documentation flash+html5 etc). I have read about popcorn.js and kaltura that can support annotation but i don't find their solutions clear.
What do you think of a solution that can work on both html5 and flash? Is there something "clear" out there or should i develop it on jwplayer as plugin? (i'm thinking of storing in xml files, and display them with jquery on video area).

(I do not have the reputation to comment this)
The approach I am using is to check every few milliseconds (e.g. 200ms), whether an annotation with its start and end time should be activated or not.
for(a in annotations){
if( playbackTime < a.end AND playbackTime >= a.start){
a.activate()
}else{
a.deactivate()
}
}

Related

How to find out how a tracking pixel got into my site

I can see many tracking pixels on our website. Facebook pixel, TikTok, etc. We also have 2 tag managers implemented (Adobe Launch and GTM).
How can I find out the source of how a tracking pixel got implemented on my site. Was it added natively in the code? Was it pulled in from Adobe Launch?
is there a tool or extension that allows me to see the source and trace all the origin of tags on my site?
I looked at a number of extensions but nothing really helped
I think it's hard to see the source from the pixel event. But you can trace back from the pixel js code
Take Facebook pixel as example
Facebook pixel is coming from the fbevent.js then you can see the initiator from devtool and it is loading from GTM contianer.
But the Facebook event request can not tell the source but only the fbevent.js
So if your 2 tag management tools is well structured. This method might help.
Other way :
Block the gtm.js or adobe launch code in Devtool
Then if the pixel is not firing.
It should prove the pixel is installed from the tool.

Media link of a video available on OTT platform

I am looking to integrate videos freely available on OTT platforms in India.
For example http://www.sonyliv.com/details/full%20movie/4709492313001/The-Butterflies-In-My-Head-%7C-Short-Film
However this is the web link to the video file. I am not able to fetch the media link to this and all such videos. Is it possible to do what I am trying and if so what should my direction of implementation be
I think if you look at the terms of use on that site (which are at the bottom and are, not very helpfully, hidden every time you scroll down) the conditions don't really allow what you are proposing, other than by linking to their site as your link above does, or sharing via their share options (Google + and Facebook for the example you show above).
So you can solve this technically with varying degrees of ease, depending on whether the source sites hide the media manifest URL's or use dynamically generated URL's etc, but it's probably worth making sure you are not going to get into issues over rights first.

how to get browser window resolution while loading Unity3D

Really need your input. I have unity furniture configurator and client decided he wants make it fully adjustable depending on browser window. Would be perfect if unity can get resolution while loading.
I found this http://helloracer.com/unity/ - it is exactly same thing i need.
I cannot figure out how to achieve this result
Thanks!!!
Having in mind you tagged your question with php - you can not do that using it. You need to do it with javascript:
window.screen.availHeight
window.screen.availWidth
and somehow transfer it to your php code, which later decides what to do based on that. You can achieve it using 2 http calls in the same page.

how to build a custom player which looks like the official player

I read the documentation about customizing players on developers.soundcloud.com/docs/custom-player#
I've downloaded the .js and .css from github (by the way, the " http://github.com/soundcloud/soundcloud-custom-player/archives/master" link is not working).
But i would like to keep the "official - orange" skin of the player, and none of the custome player available looks similar.
I tried to start from an online player and deleted content via css to reach this very simple result: http://www.imerege.com/FTPdivers/SC.png
I did succeed to reach this result by changing "online" the css with Firefox Firebug, so i know it could works if I had the right files... But i don't know how to do it with the files provided on Github, as they are very different in their design and color.
Where could i find the right files / the basic player?
Thx for your help.
Jérémie.
I'd suggest to go with something like http://waveformjs.org/ in order to draw the waveform and SoundCloud JS SDK for getting SoundCloud sounds and playing them.
There is an example of how to use the two together on waveformjs website.

PDF viewing/annotating library for iPhone?

I am currently working on an educational project where I would like to add some PDF reading functionality to an iPhone app. I know that it is possible to add a UIWebView and display the PDF there, however I would like to add the ability to show page number, 'next', 'previous' buttons etc. Is CGPDFDocument the direction that I should be headed or is there a better (ie more feature rich) library available? I have had a look around to try and find the capabilities of CGPDFDocument, but besides the API reference there is not much available.
Would it also be possible with this to annotate a pdf?
Thanks
JP
Here is a good (working) example of the CGPDF functions:
http://www.olivetoast.com/blog/2009/08/simple-uiscrollview-catiledlayer-pdf-example/
It uses a CATiledLayer + UIScrollView, this may not be appropriate for a reader of sorts, but it still shows you how to load and draw a PDF doc without UIWebView (which severely restricts your abilities).
Change the layer type back to a layer, add in page handling using CGPDFDocumentGetNumberOfPages and then CGPDFDocumentGetPage and you have a pretty good reader.
I don't know how to perform annotations, I suspect you would need your own data structure on top of the document.
Update: 04 Feb 2012
Check out this project, it's opensource and very well made.
I think it could be a great starting point for your PDF reader.
Project:
http://www.vfr.org/
Source:
https://github.com/vfr/Reader
There are PDF reader apps, do these not support annotations?
Another angle could be for the iPhone app to read/download pages (images) from the internet, where one could add basic annotations to that (image/layer based), these coordinates could be saved to a server. Those annotations could then be added programatically to a PDF on the server for download?