Would anyone know how to implement a functionality similar to the video playback selection timeline found in most video editor applications / youtube / timeline tools with plotly?
The idea would be that a user could click a specific point on the timeline that may or may not already have a data point and the application would page to that point and load data. For instance a corresponding image pic(t).
I would be interested in a pure python plotly method and or a dash method.
I have currently based my tool off of the example(s) here:
https://plotly.com/python/gantt/
https://dash.gallery/dash-alignment-chart/
Related
I'm using Agora sdk for video calling feature in my app. I've tried the advance iOS example, and currently able to see the video call between two users.
However my UI needs to show it in grid layout of same size items (maximum 8 video call views)... Like a vertical UICollectionView of equal sized cells. (screenshot below)
I've tried the Advanced video example from here - https://github.com/AgoraIO/Advanced-Video but couldn't figure out how to make the grids.
Kindly guide me how to do this. Thanks.
I have a small demo that creates NxN grids of all the video feeds in a chat in this example.
https://github.com/maxxfrazer/Agora-iOS-Swift-Example/blob/248a1d2291060891f2fda92a657c2067d841d964/Agora-iOS-Example/ChannelViewController%2BVideoControl.swift#L108
it just leaves black holes where the other ones should be if there's not a square number of people in the chat, but hopefully it is enough to get you started with repositioning views based on the number of connected users.
Am currently working on a uwp project which involves using a carousel that has some sort of grid of pictures that can be swiped by clicking some round navigation buttons. This is also similar to the carousel in Twitter bootstrap. To get a better picture of this, an example is shown below
Rather than different apps on display, different pictures from the user library would be shown. I would like to dynamically display the first 100 pictures from the user's library. I have searched the internet for something similar to this, but the closest I can get is http://blogs.u2u.be/diederik/post/2015/08/23/A-CoverFlow-control-for-the-Universal-Windows-Platform.aspx.
How can I achieve this?
Have you taken a look at the FlipView class?
https://msdn.microsoft.com/library/windows/apps/br242678
Or the CaouselPanel class?
https://msdn.microsoft.com/library/windows/apps/hh967950
and implemented them with a different data template (perhaps a styled gridview) instead of strictly images?
This is the flipview page from the windows dev center:
https://msdn.microsoft.com/windows/uwp/controls-and-patterns/flipview
It should explain the basics of how the itemcontrol works.
Have a look at FlipView. I hope that is what you are looking for.
I have to display 360 still images in my Android app. I want the exact same feature like YouTube's 360 video but for still images.
I am essentially lookin for the same functionality of full screen 360 and when clicked on cardboard button switch to cardboard view.
I want to use this in both modes as it will enable the user to choose whether to use the cardboard or not but still be able to move around and view everything.
I want the same features when you open YouTube 360 example
I started reading from getting started for cardboard sdk for Android from here. It talks about using opengl and functionality of selection and updating the UI dynamically using opengl. I don't need those features, I only need to display static 360 images.
Please point me in the right direction.
You can use VrPanoramaView
https://developers.google.com/vr/android/samples/vrview
For the fullscreen, use setDisplayMode
panoWidgetView.setDisplayMode(VrVideoView.DisplayMode.FULLSCREEN_STEREO);
It's really simple to load a panorama image using the cardboard SDK. You need to just include a VrPanoramaView like this in your layout
<com.google.vrtoolkit.cardboard.widgets.pano.VrPanoramaView
android:id="#+id/pano_view"
android:layout_margin="5dip"
android:layout_width="match_parent"
android:scrollbars="#null"
android:layout_height="250dip" />
Inside the Activity, the primary method is
VrPanoramaView.loadImageFromBitmap(). It is given a standard Android
Bitmap object and an optional VrPanoramaView.Options object. The
latter is used to configure the format of the image. The Activity also
implements a VrPanoramaEventListener which receives events when the
load operation succeeds or fails.
Quoted from the Getting Started here.
Hi
I have enclosed two app images which has grid view like widgets with different image heights and widths, loaded dynamically ,i need to create the same type of UI ,i could be glad if someone guide me to start with.
A similar question was asked previously and this is the answer.
The developer used Bucket List Adapter to create the google play like list view.
We are developing this web app: http://projects.igre.emich.edu/iccarsp/
Now we are trying to do the following:
upload an image on the viewer
adjust the image (move, rotate etc) to its accurate location
measure the area of the image area (or maybe digitizing it to measure the frame of the image)
output the result (the background and the uploaded image) as KML
I did research it seems that we can do all of this in Google Earth desktop version, so we are trying to do the same thing on web plugin, but Google did not publish the code for these functions(correct?)
So I am wondering if there is any other way to do the functions on the web in Google Earth Plugin. Any advice will help thanks!
About area calculation, you can still have a look into GEarthExtensions:
http://code.google.com/p/earth-api-utility-library/
The area of a geo.Path Object is accessible via geo.Path.signedArea_
You just need to define a geo.Path around your Image
But there are some limitations:
"The method is inaccurate for large regions because the Earth's curvature is not accounted for." ( from extensions-0.2.1.js)
Hope this can start to help :-)