Change the background image in the media prompt - background

I want to switch the image background of a media prompt, because it's only
blank above and under media window.
I saw that on the example from google, they switch this background.
Can you help me with code in YAML?
candidates:
- first_simple: {}
content:
media:
optional_media_controls:
- PAUSED
- STOPPED
media_objects:
- name: Précisions
description: 'Abayan, le sage'
url: 'https://sndup.net/4m3z/01_mixdown2.mp3'
image:
large:
url: >-
https://upload.wikimedia.org/wikipedia/commons/e/ea/GANDALF.jpg
media_type: AUDIO

Related

ngx uploader unable to upload cropped image on server - angular 6

I'm cropping image before upload to server so integrated cropping module. I want to upload cropped image to server but ngx uploader uploading original image.
I have used ngx-uploader ngx-uploader: "6.0.1" and for cropper used "ngx-image-cropper": 1.2.3.
For uploader : https://stackblitz.com/edit/ngx-uploader
For Cropper : https://www.npmjs.com/package/ngx-image-cropper
Following function get called on crop success.
startUpload(): void {
const event: UploadInput = {
type: 'uploadAll',
url: 'server path'
method: 'POST',
headers: 'custom header',
file: this.croppedImage,
};
this.uploadInput.emit(event);
}

Sencha Architect (touch) - Use camera photos

I have implemented my sencha architect project with a possibility to do a photo (with phonegap). After taking a photo, I need to see the photo directly into another container with other information (the picture will be smaller than the original...and there will be written above and below).
How do I open the new container and display the image in a smaller size?
please help me, I don't understand how can I manage the photo
Now I use this code but if you have something better....
var me = this;
Ext.device.Camera.capture({
success: function(image) {
me.add({
xtype:'image', // Commento
src: image
});
},
source: 'camera',
cameraDirection: navigator.camera.Direction.FRONT,
destination: 'file'bu
});
thank you
Carlo
Sencha documentation got an example for it. See http://docs.sencha.com/touch/2.3.1/#!/api/Ext.device.Camera
Ext.device.Camera.capture({
success: function(image) {
imageView.setSrc(image);
},
quality: 75,
width: 200,
height: 200,
destination: 'data'
});
You can also use
destination: 'url'
in that case the image argument of the callback function will be a file URL what you can use in a container template as the source of the html image.

Simple Magnific Popup Gallery not working

I tried this simple example:
$.magnificPopup.open({
gallery: {
enabled: true
},
items: [
{src: "tracks/" + p[0]},
{src: "tracks/" + p[1]}
],
type: 'image'
});
Only the first slide (0) pops up and there is no gallery - just a single slide. What is wrong?
You should never give up: Problem is solved. I isolated the code from the gallery example of the homepage of Magnific Popup and put it into a page of my own. The result was the same as described above i.e. gallery was not working. I then downloaded Magnific Popup again and noticed that the library file was bigger than my previous library file. So the library file was corrupted in some way - probably my fault. Now gallery is working...

How do I get MPAVController "setting movie path"

I'm developing a video app using UIWebView.
MPAVController launch when connect to video sites, Movie URL is displayed in the debug console.
Example:
2012-10-17 04:50:57.391 MovieApp[43145:14003] [MPAVController] Autoplay: Skipping autoplay, disabled (for current item: 0, on player: 1)
2012-10-17 04:50:57.392 MovieApp[43145:14003] setting movie path: 【MOVIE URL】
2012-10-17 04:50:57.392 MovieApp[43145:14003] [MPAVController] Autoplay: Enabling autoplay
How do I get "setting movie path"?
Thanks.
MPAVController is entirely private and you are not supposed to do anything directly on its instance.

How to take a photo using Camera in Sencha App?

I am trying to take a picture using camera in Sencha Touch 2. Here i have one button 'Take a Picture', when i will press it, camera should start. As i am new to this sencha touch 2, i am unable to figure it out, how to do this?
For this i used the below code:
Sencha Fiddle Link
Please help me. I do not want to use Phone gap.
You have to add device folder of Sencha Library in root directory
and add below code in
Ext.require('Ext.device.Camera');
and use this code for capture image using camera
Ext.device.Camera.capture({
success: function(image) {
imageView.setSrc(image);
},
quality: 75,
width: 200,
height: 200,
destination: 'data'
});
If you want to use purely sencha, then you can check this code:
xtype: 'button',
handler: function(button, event) {
Ext.device.Camera.capture({
source: 'camera',
destination: 'data',
success: function(imagedata) {
var img = Ext.getCmp('theimage');
img.setSrc('data:image/jpeg;base64,' +imagedata);
},
failure: function() {
Ext.Msg.alert('Error', 'There was an error when acquiring the picture.');
},
scope: this
});
But if you want to use phonegap camera features, may be you have to change the code. As sencha is giving the default feature to handle the camera, i wish not to go with phonegap. Hope it will help..