with JW Player and Columns Ai?
Emit new event when a new media conversion is completed or a media becomes available.
Creates a new media file in JW Player using fetch or external upload methods. See the documentation
Builds a graph object from scratch and publishes it. See the documentation
Builds a graph object from a template and publishes it. See the documentation
Searches for a media or lists all media available in JW Player. See the documentation
The JW Player API offers a way to manage and deliver video content programmatically. On Pipedream, you can leverage this API to automate video publishing workflows, analyze viewer data, and integrate with other services. Creating, updating, and managing video metadata can be automated, as well as handling video transcoding jobs and analyzing performance with custom metrics. By tapping into Pipedream's serverless platform, you can build powerful automations without managing infrastructure.
import { axios } from "@pipedream/platform"
export default defineComponent({
props: {
jw_player: {
type: "app",
app: "jw_player",
}
},
async run({steps, $}) {
return await axios($, {
url: `https://api.jwplayer.com/v2/sites/{{your_site_id}}/media/`,
headers: {
"Authorization": `${this.jw_player.$auth.api_key}`,
"accept": `application/json`,
},
})
},
})
import { ChartType } from 'columns-graph-model';
import { Columns } from 'columns-sdk';
export default defineComponent({
props: {
columns_ai: {
type: "app",
app: "columns_ai",
}
},
async run({steps, $}) {
const rows = [{
"value": 312,
"state": "WA",
"parent": "US"
}];// rows is an example data set where you should organize your data in a similar way.
//Instantiates a Columns SDK object with your API Key.
const columns = new Columns(this.columns_ai.$auth.api_key);
const data = columns.data(['state'], ['value'], rows);
const graph = columns.graph(data);
// switch to different chart types: BAR, PIE, DOUGHGUT, LINE, AREA, SCATTER, etc.
graph.type = ChartType.COLUMN;
// customise the graph (lots of options in its data model)
graph.settings.general.palette = ['#ff0000', '#00ff00', '#0000ff'];
graph.settings.general.background = '#00000002';
return graph;
},
})