I am trying to embed jw player in small space.
So I need to make jw player having 160 px width.
And it looks good in pc browser, but it is broken in iphone safari.
In details, Height is getting larger than expected, and event more than width.
Javascript code looks like the following.
jwplayer("small_player1").setup({
width: 160,
height: 90,
image: "/assets/videos/thumbnails/empty-523x320.png",
file: "longtail sample video",
title: ""
So JW-Player can have 160*90 size, and available in iphone?
Thank you.
Related
How to improve the image quality while sharing the screen using agora sdk with unity. I've used below
settings for VideoProfile as
mRtcEngine.SetVideoEncoderConfiguration(new VideoEncoderConfiguration()
{
// Sets the video encoding bitrate (Kbps).
minBitrate = 100,
bitrate = 1130,
// Sets the video frame rate.
minFrameRate = 10,
frameRate = FRAME_RATE.FRAME_RATE_FPS_24,
// Sets the video resolution.
dimensions = new VideoDimensions() { width = EncodeWidth, height = EncodeHeight },
// Sets the video encoding degradation preference under limited bandwidth. MIANTAIN_QUALITY means to degrade the frame rate to maintain the video quality.
degradationPreference = DEGRADATION_PREFERENCE.MAINTAIN_QUALITY,
// Note if your remote user video surface to set to flip Horizontal, then we should flip it before sending
mirrorMode = VIDEO_MIRROR_MODE_TYPE.VIDEO_MIRROR_MODE_ENABLED,
// Sets the video orientation mode of the video
orientationMode = ORIENTATION_MODE.ORIENTATION_MODE_FIXED_PORTRAIT
});
the Output from Editor to Device looks like below:
And Ouput from Device to Editor or another Deivce looks blurry as below:
Ive tested with WIFI on both device and ensure with good quality and also with forced settings as Image Quality than Frame Rate.
mRtcEngine.SetVideoQualityParameters(false);
mRtcEngine.EnableDualStreamMode(false);
mRtcEngine.SetRemoteDefaultVideoStreamType(REMOTE_VIDEO_STREAM_TYPE.REMOTE_VIDEO_STREAM_HIGH);
Do i missed anything else to improve the image quality?
How to share a Rect part of the screen and this rect can be draggable by user at part of the screen
Blurry videos may be caused by low bitrates and resolution ratios. Check the following:
Check videoProfile. If possible, set videoProfile to a higher level
to see whether the video is clearer.
Check the stream type of the receiver. If the stream type is low, call the setRemoteVideoStreamType method to switch from a low stream to high stream. (You did this)
Switch to another WiFi network to ensure that the blurry video is not caused by poor Internet connections.
Turn off all pre-processing options.
If this issue persists, contact Agora customer support (via ticket system) with the following information:
The uid of the user who sees the blurry video.
The time frame during which the blurry video appears.
SDK logs and screen recording files of the user.
You can check the statistics of every call in Agora Analytics in Dashboard.
The clips on http://hoverstat.es/ are the best examples of what I am after.
The spec are roughly:
Format/Codec: mp4/h.264
Dimension: 1280x720
Audio: disabled
File size: 1.5Mb for a 15 second clip (0.1Mb/s)
Bitrate: ~750
Quality: Near as sharp and crisp as screenshots; minimum visible loss/blur
I am using Quicktime to do screen recordings. Outputting file from MOV to MP4 with Handbrake (http://handbrake.fr/) on Mac. Managed to decrease file size significantly by setting bitrate to ~750 but the video quality is horrible. No where near clear and readable, not to mention crisp and sharp.
Any help is appreciated!
Have a try with AppGeeker, it compresses videos into a small file with a little loss of file quality.
http://www.appgeeker.com/how-to/convert-mp4-to-mov-mac.html
Make sure set the preferences to "High Quality" in its settings panel.
i have a video playing with MediaPlayer , ok on iPad,
but if I touch the button to make the screen go small
the minimize icon ... the image disappear,
so what do i use here? to make it go small? MPMovieScalingMode?
and how to use it?
thanks
ok, figured it out, stupid mistake,
I just had to set the frame for my player
moviePlayer.view.frame = CGRectMake(100, 300, 300, 300);
haha,
I am trying to create a very simple music player (for small children) in Monotouch and have most of it working just great.
However when I iterate through MPMediaItems in a playlist and try to get their artwork I always get an image with size 55 x 55 pixels. When I listen to the songs in the builtin IPod application I can see that the stored artwork is larger than that.
Platform: Latest monodevelop and monotouch. iOS 4.2.3 on device
Code to get artwork of the first song in a playlist:
MPMediaItem[] songs = foundPlaylist.Items;
MPMediaItemArtwork artwork = (MPMediaItemArtwork)songs[0].ValueForProperty(MPMediaItemProperty.Artwork);
var imageRect = artwork.ImageCropRectangle;
UIImage artWorkImage = artwork.ImageWithSize (imageRect);
Am pretty stumped here. Any ideas?
Best regards
Soren
Oki, got it figured out.
Big thanks to Kangaroo on the monotouch chat!
There is a binding error in the imageWithSize method on MPMediaItemArtwork, so you need to message the selector directly. This is done in this way (to get a 256x256 image):
UIImage artWorkImage = (UIImage) Runtime.GetNSObject (Messaging.IntPtr_objc_msgSend_SizeF (artwork.Handle, Selector.GetHandle ("imageWithSize:"), new SizeF (256, 256)));
I'm currently integrating a custom Flash Video player plugin into a .Net CMS. The plugin editor currently requires the user to provide the video's width and height in order for my code to push out the relevant dimensions to the FlowPlayer.
I was wondering, is there a way to automatically determine the FLV width and height rather than having the editor having to provide this information each time? Ideally, I'd prefer it if the user simply had to provide the FLV location and let the new plugin automatically provide the width / height to the FlowPlayer.
Add that into Your flowplayer's configuration:
clip: {
onMetaData: function(clip) {
var width = parseInt(clip.metaData.width, 100);
var height = parseInt(clip.metaData.height, 100);
$(this.getParent()).css({ width: width, height: height });
}
},
Event 'metadata' is called after file's meta information is loaded, thus width and height.
In the example above I change size of a player according to movie's dimentions